Angular js template if

Angular start point for medium and large applications. This project is an starting point for develop an AngularJS application.

You can use it for medium and long range applications. Github Demo. An empty AngularJS starter project made through Yeoman. Uses Twitter Bootstrap 2. Sam is a web developer, online entrepreneur and investor. In his spare time he enjoys coding, playing chess and sharing what he learns with others. Your email address will not be published. The views expressed on here are purely to help other developers use AngularJS.

Website Github Demo 2. Website Github 3. Website Demo 4. Angular Starter Angular start point for medium and large applications. Github 5. Website Demo 6. Asked 8 years, 9 months ago. Active 2 months ago. Viewed 1. I want to make a condition like this: if video. Have no idea what should I do for this condition: Add a function in the scope?

Do it in template? I found one ng-if articles here. Add a comment. Active Oldest Votes. Following are a few options to consider for what you want to achieve: Jump to the update below 5 if you are using version 1. Another option to consider is ng-class directive. This can be used as follows. Mbengue Assane 2, 1 1 gold badge 15 15 silver badges 14 14 bronze badges.

Amyth Amyth How do that? Keep in mind that ng-if will NOT add the enclosed elements to the DOM until its condition evaluates to true , unlike ng-hide and ng-show. Some problem? For me it it is working quite fine — Sami. Show 7 more comments. Brian Genisio Brian Genisio 47k 16 16 gold badges silver badges bronze badges. Ternary is the most clear way of doing this. Oliver Dixon Oliver Dixon 6, 5 5 gold badges 53 53 silver badges 83 83 bronze badges.

Ho to do this with 2 condition in or?? Using ng- directives gives lots of html whitespace if a div doesn't satisfy the condition.. Perhaps I misunderstand? I wrote that module -- it should work just like if and else in JS. This is an absolute lifesaver. This should be part of Angular core, it's indispensable in template coding. Way cleaner than having ternary operators all over the place, and overcomes the limitations of ng-switch not being able to evaluate expressions.

Thanks NicoWesterdale! Also, I added a richer version of ng-switch you might find useful: github. Looks like ng-"explain like i'm five" — Jacob Stamm.

Your filter would look something like: app. Noah Freitas Noah Freitas How about your code when video. Is it possible to apply a default value? In this case you want to "calculate" a pixel value depending of an object property. I would define a function in the controller that calculates the pixel values. Spock Spock 2, 28 28 silver badges 26 26 bronze badges. Tom Stickel Tom Stickel JBhardwaj JBhardwaj 41 1 1 bronze badge. Looks more like Angular than AngularJS. Please let me know if you mind.

At least you should mention this in your answer.