How to load css class using Angular?

Question

Angular

Good afternoon,
There was a small question:
The site has a slider into which data is loaded from a JSON file.
For each individual slide, I wanted to load different styles.

<section class="intro" id="intro" id="ng-app" ng-app ng-controller="PostsCtrlAjax">
  <div class="intro-slider" ng-repeat="post in posts">
    <div class="item one" > <!-- Вот здесь нужно подгружать class для конкретного слайда-->
      <div class="container" >
        <div class="row">
          <div class="col-md-6 col-sm-6 paddingtop">
            <img ng-src="{{post.logo}}" class="logo" alt="logo">
            <h1>{{post.title}}</h1>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

Answer 1

1) create an object with styles like:

// Где-то в контроллере
$scope.styles = {type1: 'class1 classX', type2: 'class2 classY'};

2) add ngClass directive

<!-- скажем, у поста есть некий идентификатор - type -->
<div class="item one" ng-class="styles[post.type]">