как использовать ng-класс в ng-repeat, чтобы установить класс для каждого итеративного div

Question

как использовать ng-класс в ng-repeat, чтобы установить класс для каждого итеративного div

** это моя домашняя страница ** я показываю данные, поступающие из mysql на карту, но они имеют тот же цвет тега, т.е. class = «tag tag-pill tag-danger» я использую ng-class = {{hos.class}} / * класс — это столбец в таблице * /

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

1

angularjs angularjs-ng-repeat mysql php

Решение

Другие решения

Вы неправильно используете ng-класс: его выражение состоит из объекта, где каждое свойство является классом, а значение является выражением, которое нужно оценить, чтобы условно применить этот класс, когда истина.

Например ng-class="{'active': button.active}"

Надеюсь, эта скрипка поможет: jsFiddle

0

Источник

Accepted Answer

пытаться ng-class="hos.tag" или же class="{{hos.tag}}"

1