Angular在一個頁面中使用兩個ng-app的方法(二)
更新時間：2017年02月20日 15:26:14 作者：python基礎教程
這篇文章主要介紹了Angular在一個頁面中使用兩個ng-app的方法(二),非常不錯，具有參考借鑒價值，需要的朋友可以參考下
在上篇文章給大家介紹了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的方法(二)，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關文章
AngularJS使用Filter自定義過濾器控制ng-repeat去除重復功能示例
這篇文章主要介紹了AngularJS使用Filter自定義過濾器控制ng-repeat去除重復功能,結合實例形式分析了AngularJS自定義過濾器的定義及數(shù)組過濾相關操作技巧,需要的朋友可以參考下2018-04-04
本篇文章主要介紹了angularJs指令的3種綁定策略，詳細的介紹了@=&的用法和實例，有興趣的可以了解一下。2017-04-04
這篇文章主要介紹了解析Angular 2+ 樣式綁定方式，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-01-01
Angular 理解module和injector，即依賴注入
本文主要介紹Angular 理解module和injector的知識，這里整理了相關知識，并詳細介紹了依賴注入的問題，有興趣的小伙伴可以參考下2016-09-09
這篇文章主要介紹了AngularJS 彈出框 $modal，大家都知道open是$modal唯一方法，通過本文給大家列出了該方法的屬性。對angularjs彈出框知識感興趣的朋友一起看下吧2016-08-08
Angular 數(shù)據(jù)請求的實現(xiàn)方法
本篇文章主要介紹了Angular 數(shù)據(jù)請求的實現(xiàn)方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-05-05
本篇文章主要介紹了AngularJS ng-repeat遍歷輸出的用法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-06-06
淺析如何利用angular結合translate為項目實現(xiàn)國際化
利用angular進行國際化轉換時利用【ng-bind-html】來進行語言的翻譯是接近幾乎比較完美的方案，不會像利用【{{}}】模式，當頁面加載緩慢時導致頁面太丑。本文對其實現(xiàn)方法進行介紹，有需要的朋友可以看下2016-12-12
這篇文章主要介紹了淺談Angular路由守衛(wèi),小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
淺析Angular 實現(xiàn)一個repeat指令的方法
這篇文章主要介紹了Angular 實現(xiàn)一個repeat指令的方法，本文給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2019-07-07