AngularJS：通过UI路由加载JS文件

20 浏览
0 Comments

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',
         }
    })

当加载主页状态时，头部控制器、主页控制器和底部控制器有不同的JS文件，此时我们需要加载控制器JS文件，这是否可以通过UI路由实现？

admin 更改状态以发布 2023年5月22日
0

2 答案

0 Comments

你不应该根据你的路由状态动态加载javascript文件，相反地，你应该通过例如Gulp将所有js文件连接起来并压缩编译后的源代码。

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

0
0 Comments

我认为你需要使用像RequireJs这样的框架，
它可以根据你向用户展示的页面加载你的脚本文件。

RequireJS会基于baseUrl相对加载所有代码

你可以查看一下，我认为它可能会有帮助。

0