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有一个不同于Page2的CSS，我无法在index.html中定义，因为它们包含相同的类。任何想法如何为每个页面定义CSS。

Answer 1

刚刚放

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

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