css - Angularjs:为菜单中的每个页面定义不同的CSS

Question

我知道这可能是一个愚蠢的问题，但我是 Angularjs 概念的新手，我有一个包含不同页面的菜单，我试图将 CSS 组合到我的页面，但每个页面都有不同的 CSS

    .state('app', {
        url: "/app",
        abstract: true,
        templateUrl: "templates/menu.html",
        controller: 'mainController'
    }) 

    .state('app.Page1', {
        url: '/Page1',
        views: { 
            'menuContent': {
                templateUrl: 'templates/Page1.html'
            }},
        controller: 'mainController'        
    })

    .state('app.Page2', {
        url: '/Page2',
        views: { 
            'menuContent': {
                templateUrl: 'templates/Page2.html'
            }},
        controller: 'mainController'

    });

Page1 的 CSS 与 Page2 不同，我无法在 index.html 中定义，因为它们包含相同的类。知道如何为每个页面定义 CSS。

Answer 1

随便放

<link rel="stylesheet" href="PathToYourCSS" media="all" property="stylesheet"/>

在 templates/Page1.html 和 templates/Page2.html 中你会没事的。