UI-State调用其他模块控制器

时间:2016-12-22 12:41:16

标签: angularjs webpack

我正在使用webpack进行捆绑,我在angularJS中有4个模块(让我们假设管理,学生,教师和管理员)所以我在管理和管理中都有很少的js文件名。我正在使用webpack创建一个“bundle.min.js”文件。 现在突然我向管理员添加了一个功能,我重新加载页面,找到了管理控制器的ui-state路由器呼叫管理控制器。

我的管理员配置文件:

...
.state('admin',{
url:'',
views:{
'main':{
templateUrl:'adminPage.html',
controller:'AdminPageCtrl',
controllerAs:'$admin'},
}
})
...

管理模块的配置

   ...
    .state('management',{
    url:'',
    views:{
    'main':{
    templateUrl:'manPage.html',
    controller:'AdminPageCtrl',
    controllerAs:'$manage'},
    }
    })
    ...

admin index.js我加载所有配置和控制器:

 var angular = require('angular'),
        config = require('./config'),
        adminPageCtrl= require('./controller/AdminPageCtrl');

module.exports = angular
    .module('myApp.admin',[])
    .controller('AdminPageCtrl', adminPageCtrl)

管理index.js我加载所有配置和控制器:

    var angular = require('angular'),
        config = require('./config'),
        adminPageCtrl= require('./controller/AdminPageCtrl');

module.exports = angular
    .module('myApp.management',[])
    .controller('AdminPageCtrl', adminPageCtrl)

app.js我加载所有模块

var angular = require('angular'),
    adminModule = require('./admin/index'),
    managementModule = require('./management/index'),

angular.module('myApp',['myApp.admin','myApp.management'])

以上是管理模块的AdminPageCtrl,而不是管理模块的AdminPageCtrl。

0 个答案:

没有答案