Question

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

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

Mystyle在html中定义：

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

问题是如何让它发挥作用？这是一个吸引人的参考：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

如何动态更改样式表？

1 个答案: