ngStyle

  1. directive in module ng

The ngStyle directive allows you to set CSS style on an HTML element conditionally.

Directive Info

  • This directive executes at priority level 0.

Usage

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

Arguments

Param Type Details
ngStyle expression

Expression which evals to an object whose keys are CSS style names and values are corresponding values for those CSS keys.

Since some CSS style names are not valid keys for an object, they must be quoted. See the 'background-color' style in the example below.

doc_AngularJS
2016-03-29 16:12:31
Comments
Leave a Comment

Please login to continue.