AngularJS
нг-стиль

Angular 2 Cordova CSS HTML ionic-framework JavaScript jQuery Node.js PHP twitter-bootstrap
Поиск…


Вступление

Директива 'ngStyle' позволяет вам установить стиль CSS на элемент HTML условно. Подобно тому, как мы можем использовать атрибут стиля для HTML-элемента в проектах, отличных от AngularJS, мы можем использовать ng-style в angularjs, применяем стили на основе некоторого логического условия.

Синтаксис

  • <ANY ng-style="expression"></ANY >

  • <ANY class="ng-style: expression;"> ... </ANY>

Использование ng-стиля

Ниже пример изменяет непрозрачность изображения на основе параметра «статус». 

 <img class="img-responsive"  ng-src="{{imagesrc}}"
     ng-style="{'opacity' : (status == 2) ? 1 : 0.5}">


Modified text is an extract of the original Stack Overflow Documentation
Лицензировано согласно CC BY-SA 3.0
Не связан с Stack Overflow