如何在单个页面中使用多个模块?
我读了一些文档,他们说我不能使用ngApp指令,应该使用angular.bootstrap.
<div id="M1"> <div ng-controller="Ctrl"> <h1>Hello {{name}}</h1> </div> </div> <div id="M2"> <div ng-controller="Ctrl"> [{{name}}] </div> </div>
我的角度代码:
var m1 = angular.module('M1',[]); m1.controller('Ctrl',function($scope) { $scope.name = 'M1'; }); var module2 = angular.module('M2',[]); module2.controller('Ctrl',function($scope){ $scope.name = 'M2'; }) angular.bootstrap(document.getElementById('M1'),['M1']); angular.bootstrap(document.getElementById('M2'),['M2']);
但它不起作用.
这是一个现场演示:http://plnkr.co/edit/dkyL8eacoC5ZohfwSWz1?p=preview