我正在使用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。