Question

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

例如，对于index.html有style.css，对于about.html我如何加载一个about.css？

这是我的角度代码：

    // 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

您只需在每个视图中插入脚本

即可

contact.html使用此代码

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

index.html与另一个css：

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

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

1 个答案: