Улучшить документацию Просмотреть исходный код 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–2018 Google, Inc.
Licensed under the Creative Commons Attribution License 4.0.
https://code.angularjs.org/1.6.9/docs/api/ng/directive/ngStyle
