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