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

时间:2018-04-23 07:21:54

标签: angularjs angular-ui-router oclazyload

我有一个由AngularJSangular-ui-router构建的网站。在index.html中,我加载了大量.js.css个文件。

现在,我意识到这些.js.css文件的一部分对https://localhost:3000/addin/...等路由不是必需的。因此,我希望ocLazyLoad仅为https://localhost:3000/xxxxx/... xxxxx不是addin的路由加载{。}}。

有人在代码中如何实现这一目标吗?

1 个答案:

答案 0 :(得分:1)

尝试

/* On screens that are between 768px and 1024px */
@media (min-width: 769px) and (max-width: 1024px) {
    // Your code
    .form-container{
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
        background: red;
    }
}

更新

根据您在评论中提到的内容,.state('xxxxx', { url: '/xxxxx', templateUrl: 'xxxxx.html', controller: function($ocLazyLoad) { $ocLazyLoad.load('xxxxx.module.js'); } 不能使用not。您需要明确地映射states

我可以考虑创建states not状态的一种方法是首先在/addin中明确映射它们,然后通过某个$stateProvider状态重定向,然后加载要延迟加载的模块。

通过执行somthing like this for redirection

重定向redirect以外的状态