javascript - 使用 AngularJS 为每个页面导入自定义 css 样式表

Question

有没有办法为每个页面导入不同的样式表，而不混合类？

例如，对于index.html有style.css，对于about.html，我如何将about.css加载到其中？

这是我的 Angular 代码:

    // create module
var heykatapp = angular.module('heykatapp', ['ngRoute']);

// routes configuration 
heykatapp.config(function ($routeProvider) {
    $routeProvider

    // home page
        .when('/', {
        templateUrl: 'pages/home.html',
        controller: 'mainController'
    })

    // about page
    .when('/about', {
        templateUrl: 'pages/about.html',
        controller: 'aboutController'
    })

    // contact page
    .when('/contact', {
        templateUrl: 'pages/contact.html',
        controller: 'contactController'
    });
});

heykatapp.controller('mainController', function ($scope) {});
heykatapp.controller('aboutController', function ($scope) {});
heykatapp.controller('contactController', function ($scope) {});

Answer 1

您可以在每个 View 中插入脚本

使用此代码的 contact.html

<link rel="stylesheet" type="text/css" href="contact.css">

index.html 与另一个 css:

<link rel="stylesheet" type="text/css" href="index.css">