延迟加载不以"addin"开头的路由的某些文件

Question

我有一个由AngularJS和angular-ui-router建立的网站。在index.html，我加载了很多.js和.css文件。

现在，我意识到这些.js和.css文件的一部分对于像https://localhost:3000/addin/...这样的路由是不必要的。所以我想ocLazyLoad加载它们，仅用于xxxxx不addin的https://localhost:3000/xxxxx/...路线。

有没有人如何在代码中做到这一点？

Answer 1

试试

.state('xxxxx', {
    url: '/xxxxx',
    templateUrl: 'xxxxx.html',
    controller: function($ocLazyLoad) {
        $ocLazyLoad.load('xxxxx.module.js');
}

更新

根据您在评论中提出的要求，您不能states拥有喜欢not.您需要显式映射states。

我可以想到创建一个not /addin状态的一种方法是首先在$stateProvider中显式映射它们，然后通过一些redirect状态重定向，然后加载您想要延迟加载的模块。

通过对重定向执行类似操作来重定向addin以外的状态