我试图使用AngularJS控制器加载特定的CSS文件。AngularJS:基于从控制器检索到的数据加载CSS
HTML代码看起来像
<html lang="en" ng-app="CPCplusLunchLink" ng-controller="mainController">
<head>
<meta charset="UTF-8">
<script src="js/lib/angularjs/angular.min.js"></script>
<script src="js/lib/angularjs/angular-route.min.js"></script>
<script src="js/app.js"></script>
<script src="js/controllers/main.js"></script>
<script src="js/controllers/events.js"></script>
<script src="js/services/events.js"></script>
<link rel="stylesheet" ng-href="css/{{ css }}.css">
app.js相关的部分
.when('/', {
templateUrl: 'views/home.html',
controller: 'EventsController'
})
mainContorller
myApp.controller('mainController', ['$scope', function($scope){
// set the default css
$scope.css = 'style';
}]);
和控制器,我已为CSS设置值
myApp.controller('EventsController', ['$scope','events','$rootScope', function($scope, events, $rootScope){
// set dedicated CSS
$rootScope.css = 'style2';
events.then(function(data) {
$scope.eventsList = data.evets;
console.log($scope.eventsList);
});
}]);
但我无法更改基于加载的控制器的默认CSS值。
任何线索我错过了什么?
也许尝试使用ng-src。但我不认为你可以加载像这样的CSS。查看https://stackoverflow.com/questions/17695156/angular-js-load-css-and-js-files-dynamically – Vivz
@Vivz我试图遵循http: //www.c-sharpcorner.com/blogs/load-css-theme-dynamically-on-user-selection-in-angularjs122和https://scotch.io/tutorials/use-angularjs-and-nghref-to-抓住CSS动态 – JackTheKnife
我刚刚经历了它,并意识到你必须让角度知道有关控制器之前,你把css – Vivz