Question

我是AngularJS的新手并且正在学习。我试图通过在bootstrap导航下拉列表中为a-href赋值来切换主题CSS文件，但我不知道这样做。请指导我......谢谢

<html ng-app ng-controller="maincontroller">
<head>
<link href="css/{{theme}}.css" rel="stylesheet" type="text/css">
</head>
<body>
<ul class="dropdown-menu">
<li><a href ng-click="theme = black">Black</a></li>
<li><a href ng-click="theme = green">Another action</a></li>
</ul>

SCRIPT

    var maincontroller = function($scope) {
    $scope.theme = "black";
    };

Answer 1

我不确定您尝试做什么会有效，但您可以尝试使用ng-href：

在href属性中使用像{{hash}}这样的Angular标记将会成为如果用户在Angular拥有之前单击它，则链接将转到错误的URL 有机会用它的值替换{{hash}}标记。直到Angular 替换标记链接将被破坏并且很可能返回404错误。 ngHref指令解决了这个问题。

<link href="css/{{theme}}.css" rel="stylesheet" type="text/css">

Angularjs aHref值

1 个答案: