Angularjs NG-Class Directive
AngularJs Extance
Измените класс элемента <div>:
<! Doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> <style> .sky {color: белый; Фоно-цвета: LightBlue; Заполнение: 20px; font-family: "courier new";}. Томат {фоновый цвет: coral; Заполнение: 40px; font-family:Verdana;}</style></head><body ng-app=""><p>Select a class:</p><select ng-model="home"><option value="sky">Sky color</option><option value="tomato">Tomato color</option></select><div ng-class="home"> <h1>Welcome Home!</h1> <p>I like Это! </p> </div> </body> </html>Определение и использование
Директива NG-класса используется для динамического связывания одного или нескольких классов CSS с элементами HTML.
Значение директивы NG-класса может быть строкой, объектом или массивом.
Если это строка, несколько имен классов разделены пространствами.
Если это объект, вам необходимо использовать пару клавишных значений, которая является логическим значением, и значение-это имя класса, которое вы хотите добавить. Класс будет добавлен только в том случае, если ключ верен.
Если это массив, он может состоять из строк или комбинаций объектов, а элементы массива могут быть строками или объектами.
грамматика
<element ng-class = "Expression"> </element>
Все элементы HTML поддерживаются.
Значение параметра
| ценить | описывать |
|---|---|
| Выражение | Выражение возвращает одно или несколько имен классов. |
Выше приведено сборник информации об инструкции AngularJS NG-класса для справки нуждающихся друзей.