ngStyle (directive)

Improve this Doc View Source ngStyle

  1. directive in module ng

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

Known Issues

You should not use interpolation in the value of the style attribute, when using the ngStyle directive on the same element. See here for more info.

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.

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

在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号

意见反馈
返回顶部