Улучшить эту документацию Просмотреть исходный код 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.7.8/docs/api/ng/directive/ngStyle
