Инструкция AngularJS ng-class

Определение и использование

ng-class Инструкции используются для динамического привязки одного или нескольких CSS классов к HTML элементам.

ng-class Значение команды может быть строкой, объектом или массивом.

Если это строка, она должна содержать одно или несколько имён классов, разделённых пробелами.

В качестве объекта, он должен содержать пары ключ-значение, где ключ - это имя класса, которое вы хотите добавить, а значение - это булево значение. Класс добавляется только при установке значения в true.

В качестве массива, это может быть kombinatsiya obou. Каждый элемент массива может быть строкой или объектом, описанным выше.

Пример

Измените класс элемента <div>:

<select ng-model="home">
    <option value="sky">Небо</option>
    <option value="tomato">Томат</option>
</select>
<div ng-class="home">
    <h1>Добро пожаловать домой!</h1>
    <p>Мне это нравится!</p>
</div>

Попробуйте сами

Грамматика

<element ng-class="expression</element>

Все элементы HTML поддерживают.

Параметры