AngularJS ng style Directive

Previous Next

Home >> AngularJS >> AngularJS Directives >> AngularJS ng style Directive

AngularJS ng-style Directive

The ng-style directive is used to specify the style attribute for the HTML element. Its value must be an object or an expression that returns an object. The object consists of CSS properties and values, in key-value pairs.

Syntax:-

< element ng-style="expression" >< /element >

Further Explanation:-

Value	Description
expression	An expression that returns an object where the keys are CSS properties, and the values are CSS values.

Code Explanation

All Tutorials related to AngularJS Directives

ng-app Directive in AngularJS ng-bind Directive in AngularJS ng-bind-html Directive in AngularJS ng-bind-template Directive in AngularJS ng-blur Directive in AngularJS ng-change Directive in AngularJS ng-checked Directive in AngularJS ng-class Directive in AngularJS ng-class-even Directive in AngularJS ng-class-odd Directive in AngularJS ng-click Directive in AngularJS ng-cloak Directive in AngularJS ng-controller Directive in AngularJS ng-copy Directive in AngularJS ng-csp Directive in AngularJS ng-cut Directive in AngularJS ng-dblclick Directive in AngularJS ng-disabled Directive in AngularJS ng-focus Directive in AngularJS ng-hide Directive in AngularJS ng-href Directive in AngularJS ng-if Directive in AngularJS ng-include Directive in AngularJS ng-init Directive in AngularJS ng-keydown Directive in AngularJS ng-keypress Directive in AngularJS ng-keyup Directive in AngularJS ng-list Directive in AngularJS ng-maxlength Directive in AngularJS ng-minlength Directive in AngularJS ng-model Directive in AngularJS ng-model-options Directive in AngularJS ng-mousedown Directive in AngularJS ng-mouseenter Directive in AngularJS ng-mouseleave Directive in AngularJS ng-mousemove Directive in AngularJS ng-mouseover Directive in AngularJS ng-mouseup Directive in AngularJS ng-non-bindable Directive in AngularJS ng-open Directive in AngularJS ng-options Directive in AngularJS ng-paste Directive in AngularJS ng-readonly Directive in AngularJS ng-repeat Directive in AngularJS ng-required Directive in AngularJS ng-selected Directive in AngularJS ng-show Directive in AngularJS ng-src Directive in AngularJS ng-srcset Directive in AngularJS ng-style Directive in AngularJS ng-submit Directive in AngularJS ng-switch Directive in AngularJS ng-value Directive in AngularJS

All Sections related to AngularJS

AngularJS Tutorials AngularJS Directives AngularJS Filters and Elements