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

b4lqfgs4 于 2022-09-18 发布在 Java

关注(0)|答案(3)|浏览(156)

例如，如何在单击事件上更改目标CSS文件的Angular 。我的意思是，我的视图使用一个主要的css文件，但在点击一个按钮时，我显示了一个新的视图，我希望它有另一个完整的css。在隐藏最后一个div和显示旧的div时，我希望旧的div继续以他关联的第一个css文件为目标。

angularjs

来源：https://stackoverflow.com/questions/44087155/how-can-i-change-the-targeted-css-file-on-a-click-event

3条答案

按热度按时间

2nc8po8w1#

您可以动态地确定CSS的目标，如下所示：

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

并且当用户点击时，用所需文件路径的值更新该cssFilePath。

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

赞(0）回复(0）举报 2022-09-18

yjghlzjz2#

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

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;
}

}

<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>

希望能有所帮助。

赞(0）回复(0）举报 2022-09-18

zpqajqem3#

这个问题已经问了5年了，所以我真的希望你已经得到了答案…

无论如何，上周我也遇到了同样的问题，在疲惫不堪的几天之后，我得到了答案/解决方案。

它是这样的：

How to dynamically load CSS with Angular

赞(0）回复(0）举报 2022-09-18