SyntaxFix

[javascript] Angular ng-class if else

Both John Conde's and ryeballar's answers are correct and will work.

If you want to get too geeky:

  • John's has the downside that it has to make two decisions per $digest loop (it has to decide whether to add/remove center and it has to decide whether to add/remove left), when clearly only one is needed.

  • Ryeballar's relies on the ternary operator which is probably going to be removed at some point (because the view should not contain any logic). (We can't be sure it will indeed be removed and it probably won't be any time soon, but if there is a more "safe" solution, why not ?)

So, you can do the following as an alternative:

ng-class="{true:'center',false:'left'}[page.isSelected(1)]"

Examples related to javascript

• need to add a class to an element • How to make a variable accessible outside a function? • Hide Signs that Meteor.js was Used • How to create a showdown.js markdown extension • Please help me convert this script to a simple image slider • Highlight Anchor Links when user manually scrolls? • Summing radio input values • How to execute an action before close metro app WinJS • javascript, for loop defines a dynamic variable name • Getting all files in directory with ajax

Examples related to html

• Embed ruby within URL : Middleman Blog • Please help me convert this script to a simple image slider • Generating a list of pages (not posts) without the index file • Why there is this "clear" class before footer? • Is it possible to change the content HTML5 alert messages? • Getting all files in directory with ajax • DevTools failed to load SourceMap: Could not load content for chrome-extension • How to set width of mat-table column in angular? • How to open a link in new tab using angular? • ERROR Error: Uncaught (in promise), Cannot match any routes. URL Segment

Examples related to angularjs

• AngularJs directive not updating another directive's scope • ERROR in Cannot find module 'node-sass' • CORS: credentials mode is 'include' • CORS error :Request header field Authorization is not allowed by Access-Control-Allow-Headers in preflight response • WebSocket connection failed: Error during WebSocket handshake: Unexpected response code: 400 • Print Html template in Angular 2 (ng-print in Angular 2) • $http.get(...).success is not a function • Angular 1.6.0: "Possibly unhandled rejection" error • Find object by its property in array of objects with AngularJS way • Error: Cannot invoke an expression whose type lacks a call signature

Examples related to ng-class

• Angular ng-class if else • adding and removing classes in angularJs using ng-click • Adding multiple class using ng-class • AngularJS ng-class if-else expression