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

【问题标题】：AngularJS : Load js file through UI routerAngularJS：通过 UI 路由器加载 js 文件
【发布时间】：2015-08-22 11:28:19
【问题描述】：

我的应用程序中有 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文件那个时候我们需要加载controller的js文件是否可以通过UI路由呢？

【问题讨论】：

js文件是有角度的还是无角度的？
见stackoverflow.com/questions/28184616/…和stackoverflow.com/questions/22627806/…

标签： angularjs angular-ui-router

【解决方案1】：

您不应该根据您的路由状态即时加载 javascript 文件，而是应该连接所有 js 文件并通过 Gulp 缩小编译的源代码。

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

【讨论】：

【解决方案2】：

ui-route 比 requirejs (ng-route) 更强大。

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

What is the difference between angular-route and angular-ui-router?

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

【讨论】：

【解决方案3】：

我认为你需要使用像RequireJs 这样的框架它正在根据您向用户显示的页面加载您的脚本文件

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

检查一下。我认为这可能会有所帮助。

【讨论】：