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

上一篇: AngularJS : Load js file through UI router

下一篇: Angular UI Router VS ngRoute