Улучшить документацию Просмотреть исходный код ngStyle
- директива в модуле ng
Директива ngStyle позволяет условно задавать CSS-стили HTML-элементу.
Известные проблемы
Не следует использовать интерполяцию в значении атрибута style, когда используется директива ngStyle на том же элементе. Дополнительную информацию см. в документации.
Информация о директиве
- Эта директива выполняется на приоритете 0.
Использование
- как атрибут:
<ANY ng-style="expression"> ... </ANY>
- как CSS-класс:
<ANY class="ng-style: expression;"> ... </ANY>
Аргументы
| Параметр | Тип | Подробности |
|---|---|---|
| ngStyle | expression | Выражение, которое вычисляется в объект, ключи которого — имена CSS-стилей, а значения — соответствующие значения для этих CSS-ключей. Так как некоторые имена CSS-стилей не являются допустимыми ключами для объекта, их необходимо заключить в кавычки. Обратите внимание на стиль 'background-color' в примере ниже. |
© 2010–2017 Google, Inc.
Licensed under the Creative Commons Attribution License 4.0.
https://code.angularjs.org/1.5.11/docs/api/ng/directive/ngStyle
