使用AngularJS动态更改CSS类的属性

  • Z时代
  • 2024-01-10
  • 分类：问答

我喜欢引导程序示例的外观

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

我希望能有所帮助。

以上是 使用AngularJS动态更改CSS类的属性 的全部内容， 来源链接： utcz.com/qa/426713.html

回到顶部