Angular Tutorial - 13 - ngSwitch Directive

📱 Follow Codevolution

Angular | Angular Tutorial for Beginners | ngSwitch Directive

[bawagrafix]

The Best part of this tutorial series is that you worked on typescript(ts) file itself for tutorial purpose which made great understanding of concepts, I have gone through other tutorials as well which leads to confusion, this series is awesome, I recommend with 5 star rating. Thanks for such wonderful tutorial

[jackabrams]

For this specific example you could also do <div> You picked {{ color }} </div>

[samuelpmilanez]

You are the best teacher i've saw. Your course is direct and objective. Congratulations!

[saritav]

Thanks for your videos. They are very detailed and clean. Keep up the great work!

[aleismasanchez]

The playlist is awesome. You explain very well every topic.

[yfnsoxk]

Thank you! Your tutorials are the best.I Am waiting new videos.

[tomc]

short simple and to the point! Thank you

[sirwrad]

wtf you're so great! I learned in just 5 seconds of your video

[goodmorning]

Thank you ))

<input [(ngModel)]="color" type="text">
<div [ngSwitch]="color">
<div *ngSwitchCase="'red'"> picked - red</div>
<div *ngSwitchCase="'blue'"> picked - blue</div>
<div *ngSwitchCase="'green'"> picked - green</div>
<div *ngSwitchDefault> Pick again</div>
</div>

[jeremydick]

I agree, I have watched so many tutorials that don't work or some important part is missing or not explained well and countless hours can be lost... Do you do private consulting?

[winnemucca-sk]

I can't get switchcase to set through a container component with an @Input. Is there something extra to this with ngswitch?

[bhagidasari]

Its always displaying "Pick Again". No errors. Syntax is same. Agular CLI version : 6.2.4
Can some guide me?

[rushendrarushi]

Aren't we supposed to use * instead of [ ] because you said in the structural directives video that we need to initialize it with * . [ ] represents property binding as per my knowledge, gained by your tutorials.

[kitikimedia]

why to single quotes here [ngSwitch]="color" and double quotes for case *ngSwitchCase="'yellow'"

[codeordie-uwil]

why the values in *ngSwitchCase are in double quote and then single quote

[mostafaessam]

hi, I want to know the name of the extension that makes auto-complete in vscode in angular?

[fabiotchezaum]

Great videos but I have a question; in a previous video you say that you're using Angular 5 but in the title you say Angular 7... Which one is correct?

[code_with_shyam]

does anyone tell me, how to comment code?

[bruhaspati]

why cant we use *ngSwitch it would have been much easier!!:(