Question

我正在尝试使用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值。

我错过了什么线索？

AngularJS：根据从控制器检索到的数据加载CSS

0 个答案: