Question

**这是我的主页**我显示的数据来自mysql到卡但是有相同的标签颜色，即class =＆＃34; tag tag-pill tag-danger＆＃34; 我正在使用ng-class = {{hos.class}} / * class是表* /

中的coloumn

<div class="col-md-5" ng-repeat="hos in ho">
     <div class="col-md-6">
         <div class="card"> <img class="img-fluid" ng-src="{{hos.img}}" alt="">
              <div class="card-img-overlay"> <span ng-class=" ">{{hos.tag}}</span> </div>
              <div class="card-block">
<div class="news-title">
<h2 class=" title-small"><a href="#">{{hos.topic}}</a></h2>
</div>
<p class="card-text"><small class="text-time"><em>{{hos.time}}</em></small></p>
</div>
</div>
</div>
</div>

Answer 1

尝试ng-class="hos.tag"或class="{{hos.tag}}"

Answer 2

您正在错误地使用ng-class：它的表达式包含一个对象，其中每个属性都是一个类，值是一个表达式，用于评估在真相时有条件地应用该类。

例如ng-class="{'active': button.active}"

希望这个小提琴有用：jsFiddle

如何在ng-repeat中使用ng-class为每个it-div设置类

2 个答案: