как использовать 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

Решение

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

1

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

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

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

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

0

По вопросам рекламы ammmcru@yandex.ru
Adblock
detector