如何在一个体内分配多重控制器

时间:2017-11-04 08:57:44

标签: angularjs

如何在身体内分配多个控制器

HTML

<script src="../MyApp.js"></script>
<script src="HomeCaller.js"></script>
<body ng-app="MyApp">
    <div ng-controller="AppCtrls">{{secc}}</div>
    <div ng-controller="HomeCtrls">{{jan}}</div>
</body>

MyApp.js

(function () {
    'use strict'
    var app = angular.module('MyApp', [])
    app.controller('AppCtrls', function ($scope) {
        $scope.secc = "Hello Angular"
    })
})();

HomeCaller.js

angular.module('MyApp', [])
.controller('HomeCtrls', function ($scope) {
    $scope.jan="Hello Jan"
})

1 个答案:

答案 0 :(得分:1)

[]电话中移除module,这样您就不会尝试重新创建它。这将检索现有的MyApp模块。

<强> HomeCaller.js

angular.module('MyApp')
.controller('HomeCtrls', function ($scope) {
    $scope.jan="Hello Jan"
})