Как с помощью Angular подгружать css class ?

Question

[Arthur Gurinovich]

Добрый день,
Возник небольшой вопрос:
На сайте есть слайдер, в который подгружаются данные из JSON файла.
Для каждого отдельного слайда хотелось подгружать разные стили.

<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

[Mikhail Osher]

1) создайте объект со стилями, например:

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

2) добавьте директиву ngClass

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