Angular Tutorial - 12 - ngIf Directive

[@bhimanna473]

I have been watching many tutorials But yours was cool, straightforward within time-frame, easy to understand because of simpler examples

[@songlee8456]

Ok ok another 5 🌟. That's all for tonight 2am. I'm addicted to your tutorial.

[@chassisboy1]

Man you are really great.... This is an perfect tutorial for an Angular Beginner.... Good command over language and clear in concepts.... I'm too addicted to your tutorial....

[@John-Weak]

its ngIf not ngif,do not repeat my mistake guys :)

[@irene693]

Your tutorials are very straightforward and easy to understand, thanks so much.

[@mohdmuzaffarahmed4923]

The way u explain is outstanding brother

[@martinkarugaba]

Your tutorials are the best.

[@PatrickvonMassow]

Your tutorial is very helpful and the explanations are well-structured and straight forward! One little thing I noticed in your videos: Your audio is often distorted when you speak louder. It would help to reduce the input sensitivity of your mic. The loss in volume can easily be compensated by applying normalization plus dynamic compression of your audio (which are steps you should always apply, regardless of this problem).

[@inhquangtien3844]

Your tutorials are very straightforward and easy to understand. Thank you very much!

[@niteshraut1430]

I don't think display:none; will show up in the DOM but visibility:hidden is present in the DOM but not displayed. 1:50

[@nikunjgurjar7149]

It is really helpful for Beginners. Great job!

[@pascalsolutions6158]

This man is a genius

[@NoName-vw9hl]

if u are listening to the video for the first time , set the playback speed to normal to listen the concepts initially and once done to revise the concepts set the playback speed to 1.25 and listen to video.

[@AmitKumar-yd1cp]

Thank you for telling how to do "if else" using *ngIf ..especially @this video->06:45. Will you please also tell, how to do "if elseif else" ..kind of situation?. Thank you in anticipation

[@nehalneki1511]

by using ternary operators

[@youssefbaaziz3673]

use ngswitch , change the variable values in the TS files

[@nikunjgurjar7149]

You are explaining awesome! Thanks a lot

[@tahaiftekhar6466]

Great! But I think I'll do this Condition True Condition False

[@jackabrams5859]

That looks a lot better. Does it still work?

[@jahiruljitu3255]

@@jackabrams5859 Works but not good for practices.

[@muhammadidrees6650]

you are legend mate, love the way you explain, heaps thanks

[@tshegofatsothejane2345]

Simple and clear. Thank you.

[@MajiDJaki]

oh i wish i could never sleep. thanks a lot man. Amazing

[@bittooaggarwal5776]

Hello World Hello Universe Vishwas, the above code works as the same you explained. Is there any benefit of using ng-template?

[@prabhakargautam6045]

tq its helpfull

[@J0hn1ee]

I like the way you teach thanks a lot for your effort

[@ماياالقدور]

it's the first time i see the second way it's amazing

[@pratibhakshirsagar7476]

Hello sir, Its Very nice explanation clean n neat...Thank you for this nice videos

[@vinaykumar-qe4zx]

qualitative teaching

[@sudhir600]

is there no option like ng-if, ng-else-if, ng-else just like v-if, v-else-if and v-else in vuejs ?

[@akshayjaisinghani2039]

Please provide the keyboard shortcuts you use while editing... I wonder how you produce the codes in just a click, your overall lectures are great. Thanks in advance

[@justelaima2896]

[@nitindelhiful]

the concepts are so easily described that i doubt/wonder if some information is missing :-)

[@acuteclub7381]

well explained...thanks

[@ruma9338012757]

can you explain the example you gave ngif="true/false" is how different from css property display ="none"

[@amandixit2389]

can we use something displayname:boolean=true;?????????

[@lexiaontube]

THX !!!! great tutorials !!!!

[@kirthimedia5235]

I've updated Angular CLi.. still not able to run If Else Directive.. but able to execute same code on some online platform.. Any help would be highly appreciated..

[@estherwashu4783]

so helpful thankyou

[@keerthanaananth1074]

i have a doubt i cant able to run my code if i run only app.html file is running inside my app i created a components file test but how to run test components

[@achmadrf1243]

i have interger variabel, i want a content show only when my variabel has integer data(not spesific data). how to code it? thanks

[@sahilarora273]

hi , thanks for your tutorial can you show it how we can do with button click event ?

[@vipulhasija5692]

Do we have a nested if or else if in angular..?

[@mhaesh]

Getting below error. Template parse errors: Can't bind to 'ngif' since it isn't a known property of 'h2'. (" ]*ngif=true> Madhusudhan "): ng:///AppModule/Test1Component.html@1:6 Property binding ngif not used by any directive on an embedded template. Make sure that the property name is spelled correctly and all directives are listed in the "@NgModule.declarations". (" [ERROR ->] Madhusudhan "): ng:///AppModule/Test1Component.html@1:2 at syntaxError (compiler.js:1021) at TemplateParser.push../node_modules/@angular/compiler/fesm5/compiler.js.TemplateParser.parse (compiler.js:14830) at

[@ruudhermans4243]

It's ngIf not ngif.

[@ruudhermans4243]

Using CLI version 8.0.4 it seems that you must have declared the ng-template before you can use it.

[@natashajanice6242]

Is 'else if' supported?

[@adesinaoladimeji2995]

you are fantastic

[@kathiravant1668]

thank u its pretty clear

[@ashutoshojha368]

Can you please share the code of the programs which you have generated in this program for practice purpose

[@Stupid_Common_Man_suraj]

hello bro ,what if we want to nest one else in anther .thanks in advance...

[@dheerajmishra7182]

Can we add multiple then block?

[@sufyanvictori]

NgIf condition for two components click one components work other stop ...... how it works

[@nehamaha13]

Hey, then is not working for me. else is working but not then. Can you please help me out

[@amitmaheshwari8293]

Just ensure that the displayName variable value is not in inverted commas.

[@RahulSingh-ex2sm]

Awesome!

[@sayakbanerjee9990]

if u r getting error in then statement declare displayName as public

[@vvntechnologiespvtltd6843]

very helpful tutorial..thanks alot...plz provide all these videos CODE link

[@birajaprasad]

sir, what about reusable component

[@mostwanted2000]

very good tutorial but so blurry. why you didn't record it in 1080?

[@songlee8456]

Most Wanted ...check your setting. The problem is from your side. His videos are crystal clear

[@moh_has99]

how to use *ngIf to check if array empty or not !?

[@natetolbert3671]

Can you not just attach the ref variable to the alternate h2 element instead of wrapping it in a directive. Seems like that would make things simpler. Then again, I haven't finished the video, so I may be missing something...

[@richardpadua3928]

i think the first method "inline" is easier..ill go with that

[@robeeeeen]

🌟 🌟 🌟 🌟 🌟 Excellent!

[@nidhithakur6636]

thank you

[@ghani.afridi]

Can I use two way binding with it and have a button to toggle display name on and off

[@Skaxarrat]

Yes. Just create a method that toggles a boolean on and off and activate it when you click that button.

[@ahoussimea7164]

use *ngIf

[@mahmoudabdelsattar8860]

Module not found: Error: Can't resolve './

[@rajatsethi6000]

Replace templateUrl to template

[@modgenesis3868]

@RAJA SETHI Thanks

[@Tedendityqdarr-k6b]

12:17

[@deenriqo]

This is a good tutorial. But Angular made this too complicated. Look at how its done in LitElement or React . Much easier.

[@syedsameer382]

please create udemy turorial...

[@yuvarajnagu7243]

Where 11 th video

[@alihosseinkhani2671]

Ty

[@spiderous]

Why it has to be so much complicated... I used to code in raw JS and everything was a lot of easier than in these dumb frameworks...

[@rameshd8436]

Dint read document

[@SahilSingh-hc4fk]

trutheeeee

[@jeremylowrey7820]

This *ngIf syntax of Angular makes me cringe! I'm coming from Meteor and Vue which have elegant if/else-if/else directives (I'm being forced to switch to Angular at my job). I still haven't come across an example that includes else-if and I'm afraid it doesn't exist. Looks like you must nest another if/else! This whole idea of making a inner template per case is outrageous for overhead and readability in my opinion. This is a modern day GOTO statement which is not a good thing especially when you lose else-if at the same scope of the if/else.

[@ai.aspirations]

magnefique

[@_slier]

unnecessary verbose..damn..im being forced to used angular and hated it