пример
Изменить класс элемента <div>:
<select ng-model="home">
<option
value="sky">Sky</option>
<option
value="tomato">Tomato</option>
</select>
<div ng-class="home">
<h1>Welcome Home!</h1>
<p>I like it!</p>
</div>
Попробуй сам " Определение и использование
ng-class директивы динамически связывает один или несколько классов CSS к HTML - элементу.
Значение ng-class директивы может быть строкой, объект или массив.
Если это строка, она должна содержать один или несколько, разделенных пробелами имен классов.
В качестве объекта, он должен содержать пары ключ-значение, где ключ является логическое значение, а значение является именем класса класса, который вы хотите добавить. Класс будет добавлен только если ключ установлен в положение верно.
В качестве массива, он может быть комбинацией обоих. Каждый элемент массива может быть либо строкой, либо объект, описанный выше.
Синтаксис
< element ng-class=" expression "></ element >Поддерживается всеми HTML-элементов.
Значения параметров
| Value | Description |
|---|---|
| expression | An expression that returns one or more class names. |