css - 如何以 Angular 动态更改样式表？

Question

我正在尝试更改我的 bootstrap.css 文件以更改我的应用程序的主题:

$scope.changeStyle = function (style) {
    $scope.myStyle = style + '/bootstrap.min.css';
    $scope.$apply();
}

Mystyle 在 html 中定义:

<link rel="stylesheet" href="{{myStyle}}">

问题是如何让它发挥作用？这是一个 plunkr 引用:http://plnkr.co/edit/t0fZLB?p=preview

Answer 1

似乎您的更改事件没有被触发。你可以这样做，

<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownCountry">
            <li ng-repeat="country in data.locations.countries | orderBy:'country'" ng-model="country.Capital">
                <a ng-click="changeStyle(country.Capital)">{{country.country}}</a>
            </li>
 </ul>

参见 here