Improve this Doc View Source ngStyle

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

Directive Info

as attribute:

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

as CSS class:

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

Param Type Details

ngStyle

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.

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.

© 2010–2017 Google, Inc.
Licensed under the Creative Commons Attribution License 4.0.
https://code.angularjs.org/1.4.14/docs/api/ng/directive/ngStyle