Is there a way to apply different stylesheets to each page without mixing classes?
For example, how can I link style.css to index.html and about.css to about.html?
This is my AngularJS code:
// Define module
var myApp = angular.module('myApp', ['ngRoute']);
// Configure routes
myApp.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'
});
});
myApp.controller('mainController', function ($scope) {});
myApp.controller('aboutController', function ($scope) {});
myApp.controller('contactController', function ($scope) {});