如何在单击事件上更改目标CSS文件

Question

如何在具有角度的单击事件上更改目标CSS文件。我的意思是我的视图是使用一个主要的CSS文件，但是点击一个按钮，我正在显示一个新视图，我希望它有另一个完整的CSS。在隐藏最后一个div并显示旧的div时，我希望旧的继续瞄准与之关联的第一个CSS文件。

Answer 1

你可以动态定位css，如下所示：

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

当用户点击时 - 使用所需文件路径的值更新此cssFilePath。

<button ng-click="updateCssFilePath()">Change</button>

Answer 2

您可以使用JS更改CSS文件。看看这个例子。它不会在这里工作，但它应该在实施时起作用。

＆＃13;

＆＃13;

var cssnum = 1;

function changeCSS() {
if (cssnum == 1) {
document.getElementById("cssid").innerHTML = "<link rel='stylesheet' href='2.css'>";
var cssnum =2;
}


else { 
document.getElementById("css").innerHTML = "<link rel="stylesheet" type="text/css" href="1.css">";
var cssnum =1;
}

}

＆＃13;

<div id="cssid">
<link rel="stylesheet" href="1.css">
</div>

<a href="#" onclick="changeCSS()">Change CSS File (link)</a>
<br><br>
<button onclick="changeCSS()">Change CSS File (button)</button>

＆＃13;

＆＃13;

＆＃13;

希望它有所帮助。