使用AngularJS动态更改CSS类的属性
我喜欢引导程序示例的外观
<css>
.bs-docs-example {
background-color: #FFFFFF;
border: 1px solid #DDDDDD;
border-radius: 4px 4px 4px 4px;
...
}
.bs-docs-example:after {
background-color: #F5F5F5;
border: 1px solid #DDDDDD;
border-radius: 4px 0 4px 0;
color: #9DA0A4;
content: "Title";
...
}
但是我需要在 .bs-docs-example：之后 动态更改 内容 ，如下所示： __
<html>
<div class="bs-docs-example" ng-style="content:'{{ title }}';"
ng-repeat="title in titles">
这有可能吗？怎么样？
问题答案：
实际上，我发现了一个不涉及的解决方案：之后（我对CSS太不好了，所以我没有早就考虑过…）我也对CSS有所了解。开始 ：
<css>
.bs-docs-example {
background-color: #FFFFFF;
border: 1px solid #DDDDDD;
border-radius: 4px 4px 4px 4px;
...
}
.bs-docs-example-title {
background-color: #F5F5F5;
border: 1px solid #DDDDDD;
border-radius: 4px 0 4px 0;
color: #9DA0A4;
content: "Title";
...
}
并像这样使用它：
<html>
<div class="bs-docs-example" ng-repeat="title in titles">
<span class="bs-docs-example-title">{{ title }}</span>
</div>
我希望能有所帮助。
-
问题内容： 现在，我有一个背景图像URL硬编码到CSS中。我想使用AngularJS中的逻辑动态选择背景图片。这是我目前拥有的： HTML CSS 如您所见，CSS中的背景图像引用了特定的文件位置。我希望能够以编程方式确定图像URL的位置。我真的不知道从哪里开始。我不知道JQuery。谢谢。 问题答案： 您可以使用ng-style使用AngularJS动态更改CSS类属性。 希望这个ng样式的示例
-
问题内容： 有没有一种方法可以使用jQuery更改CSS类的属性，而不是元素属性？ 这是一个实际的例子： 我上课有一个div 我想更改类背景属性，而不是已分配类背景的元素。 如果我使用jQuery .css（）方法做到这一点： 它会影响现在具有class的元素。到这里为止一切都很好。但是，如果我进行Ajax调用，并在class中插入更多div ，则这些背景将不会具有绿色背景，而它们将具有初始背景。
-
问题内容： 我需要找到一种使用JavaScript更改CSS：hover属性的方法。 例如，假设我有以下HTML代码： 以及以下CSS代码： 我想使用JavaScript将悬停属性更改为例如background：＃00ff00。知道我可以使用JavaScript通过以下方式访问样式背景属性： 但是我不知道：hover的JavaScript等效项。如何使用JavaScript更改这些的：hover背
-
我想使用jquery动态更改CSS导入的名称。从…起 到 HTML 滑动分页 它在本地系统上运行良好，但是当Base Url出现时，问题就出现了 请注意，我不想硬编码基本网址，因为它会根据托管环境发生变化，如 应用程序。项目com/baseurl/css/Theme。css 应用程序。项目com/UAT/css/Theme。css 应用程序。项目com/design/css/Theme。css
-
问题内容： 我有一个div的特定样式表。现在我想使用js动态修改div的一个属性。 我该怎么做？ 它是否正确？ 问题答案： 几乎是正确的。 由于是JavaScript操作符，因此您实际上不能在属性名称中使用它。如果您正在设置，或者类似的单字，您的代码就可以正常工作。 但是，对于任何带连字符的属性名称，您都需要记住的是，在javascript中，您删除了连字符，并使下一个字母变为大写，因此应为。 还
-
问题内容： 我试图在单击另一个元素时更改一个元素的CSS。我进行了很多搜索，但没有一个能完美地工作。目前，我正在使用下面的代码，但是它不起作用。谁能告诉我我错过了什么？ 问题答案： 首先，使用属性添加事件处理程序是实现所需功能的一种非常过时的方法。当您使用jQuery标记问题时，这是一个jQuery实现： 一种更有效的方法是将这些样式放入一个类中，然后将该类添加到onclick上，如下所示：