2016-05-27 10 views
1

クラスを混在させずにページごとに異なるスタイルシートをインポートする方法はありますか?AngularJSで各ページのカスタムCSSスタイルシートをインポート

例えば、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) {}); 

答えて

0

あなたはちょうどこの他のCSSを使用してこのコード

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

のindex.htmlで各ビューに

contact.htmlをスクリプトを挿入することができます:

<link rel="stylesheet" type="text/css" href="index.css"> 
関連する問題