AngularJS:通过UI路由器加载js文件
我的应用程序中有AngularJs ui路由器。 我需要根据我的状态加载js文件。
.state('root.home',{
url: '/index.html',
views: {
'header': {
templateUrl: 'modules/header/html/header.html',
controller: 'headerController'
},
'content-area': {
templateUrl: 'modules/home/html/home.html',
controller: 'homeController'
},
'footer': {
templateUrl: 'modules/common/html/footer.html',
controller: 'footerController'
}
},
data: {
displayName: 'Home',
}
})
headerController,homeController和footerController在加载home状态的时候有不同的js文件,我们需要加载控制器的js文件可以通过UI路由器吗?
我认为您需要使用像RequireJs这样的框架,它将基于您向用户显示的页面加载脚本文件
RequireJS加载所有相对于baseUrl的代码。
核实。 我认为这可能会有所帮助。
根据路由状态,您不应该随时加载JavaScript文件,而应该连接所有js文件并通过Gulp将编译的源代码缩小为例子。
https://www.npmjs.com/package/gulp-concat https://www.npmjs.com/package/gulp-minify
ui-route比requirejs(ng-route)更强大。
你可以看看她的差异:
angular-route和angular-ui-router有什么区别?
http://www.amasik.com/angularjs-ngroute-vs-ui-router/
链接地址: http://www.djcxy.com/p/77973.html