Question

我正在使用angular.js构建SPA，两个页面，登录和仪表板具有不同的背景，但由于登录后它是单页应用程序，因此背景颜色不会更改为{{1}中提到的新颜色文件。在这种情况下，我使用dashboard.less，即使在注销后也会反映仪表板背景。

我希望只在ui-routing上加载特定的页面css。

请建议修复它。我用webpack少用。我知道这些问题也会在以后的页面中出现。我怎样才能避免这个问题。

Answer 1

我认为我们在这里有一个解决方案 https://github.com/manuelmazzuola/angular-ui-router-styles

添加此框架并像

一样使用它

 .state('state1', {
    url: '/state1',
    controller: 'State1controller',
    template: '<div ui-view></div>',
    data: {
      css: [
        'styles/custom-state1.css',
        {
          name: 'layout',
          href: 'styles/state1-layout.css'
        }
      ]
    }
  })

Answer 2

你可以做这样的事。

0.5 * duration

当你进行ui路由并加载控制器时。

你会有

<link data-ng-if="page.css" rel="stylesheet" type="text/css" data-ng-href="css/app/page/{{page.css}}/page.css" />

CSS覆盖单页面应用程序中的不同页面

2 个答案: