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

一尘不染

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

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

这有可能吗？怎么样？

阅读 722

2020-05-16

共1个答案

一尘不染

实际上，我发现了一个不涉及的解决方案：之后（我对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>

我希望能有所帮助。

2020-05-16