CSS-переопределение для разных страниц в приложении с одной страницей

Question

Я создаю SPA с angular.js, две страницы, логин и панель инструментов имеют разные фон, но поскольку это одностраничное приложение после входа в систему, цвет фона не меняется на новый цвет, упомянутый в файле dashboard.less. В этом случае я использую !important, фон панели инструментов отражается даже после выхода из системы.

Я хочу, чтобы определенная страница css была загружена только на ui-routing.

Просьба предложить исправить это. Я использую меньше с webpack. Я знаю, что такие проблемы появятся и для последующих страниц. Как я могу избежать этой проблемы.

Answer 1

Я думаю, у нас есть решение здесь https://github.com/manuelmazzuola/angular-ui-router-styles

Добавить framwork и использовать его как

.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

хорошо вы могли бы сделать что-то вроде этого.

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

где, когда вы выполняете ui-маршрутизацию и загружаете контроллер.

вы бы

$scope.page = {css: "loginpage"};