Getting started with AngularJS Controllers Built-in directives Modules Components Custom Directives Filters Services Dependency Injection Unit tests Profiling and Performance Events Sharing Data How data binding works Routing using ngRoute ng-class directive Directives using ngModelController ui-router Custom filters Built-in helper Functions digest loop walkthrough Angular $scopes AngularJS gotchas and traps Using AngularJS with TypeScript $http request Constants Form Validation Angular promises with $q service Prepare for Production - Grunt Debugging Providers Decorators Grunt tasks Angular Project - Directory Structure AngularJS bindings options (`=`, `@`, `&` etc.)Lazy loading HTTP Interceptor Print Performance Profiling Distinguishing Service vs Factory Use of in-built directives ng-repeat Session storage Angular MVC ng-style ng-view The Self Or This Variable In A Controller Controllers with ES6 Custom filters with ES6 Migration to Angular 2+SignalR with AngularJs angularjs with data filter, pagination etc

ng-style

Use of ng-style

Below example changes the opacity of the image based on the "status" parameter.

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

Syntax:

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

Contributors

Topic Id: 8773

Example Ids: 27351

This site is not affiliated with any of the contributors.