AngularJS：通过UI路由器加载js文件

Question

我有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具有不同的js文件。我们需要加载控制器js文件。是否可以通过UI路由器？

Answer 1

ui路由比requirejs（ng路由）更强大。

你可以看看她的不同之处：

角路由和角UI路由器的区别是什么？

http://www.amasik.com/angularjs-ngroute-vs-ui-router/

Answer 2

你不应该根据你的路由状态动态加载javascript文件，相反，你应该连接所有的js文件，并通过古普缩小编译的源代码。

https://www.npmjs.com/package/gulp-concat https://www.npmjs.com/package/gulp-minify

Answer 3

我认为你需要使用一个框架，比如要求Js，它是在你向用户展示的页面上加载你的脚本文件的基础

RequireJS加载与baseUrl相关的所有代码。

检查一下。我想这可能会有帮助。