溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
在上篇文章給大家介紹了Angular在一個頁面中使用兩個ng-app的方法，這種方法不太推薦，下面給大家介紹方法二，具體代碼如下所示：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>ng-app指令,angular找到第一個ng-app就不會再找了，在一個頁面中只使用一個ng-app.</title>
</head>
<body ng-app="myApp">
<input type="button" ng-controller="App1Controller" ng-click="do1()" value="按鈕1" />
<input type="button" ng-controller="App2Controller" ng-click="do2()" value="按鈕2">
<script src="bower_components/angular/angular.js"></script>
<script>
var myApp1 = angular.module('myApp1', []);
myApp1.controller('App1Controller', ['$scope', function($scope){
$scope.do1 = function(){
console.log(11111);
};
}]);
var myApp2 = angular.module('myApp2', []);
myApp2.controller('App2Controller', ['$scope', function($scope){
$scope.do2 = function(){
console.log(22222);
};
}]);
/**
* myApp Mod'myApp1','myApp2'ul;
*
* Description
*/
angular.module('myApp', ['myApp1','myApp2']);
</script>
</body>
</html>
就是用一個大的模塊將兩個小模塊包起來。
以上所述是小編給大家介紹的Angular在一個頁面中使用兩個ng-app的方法(二)，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對億速云網站的支持！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
