Angular Tutorial - 12 - ngIf Directive

[@songlee8456]

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

[@bhimanna473]

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

[@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.

[@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

[@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!

[@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.

[@pascalsolutions6158]

This man is a genius

[@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

[@nikunjgurjar7149]

It is really helpful for Beginners. Great job!

[@nikunjgurjar7149]

You are explaining awesome! Thanks a lot

[@muhammadidrees6650]

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

[@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

[@MajiDJaki]

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

[@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.

[@tshegofatsothejane2345]

Simple and clear. Thank you.

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

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

[@J0hn1ee]

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

[@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

[@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 ?

[@pratibhakshirsagar7476]

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

[@vinaykumar-qe4zx]

qualitative teaching

[@sufyanvictori]

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

[@vipulhasija5692]

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

[@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

[@sayakbanerjee9990]

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

[@justelaima2896]

[@amandixit2389]

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

[@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..

[@sahilarora273]

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

[@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...

[@nitindelhiful]

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

[@ruma9338012757]

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

[@dheerajmishra7182]

Can we add multiple then block?

[@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.

[@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

[@adesinaoladimeji2995]

you are fantastic

[@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.

[@robeeeeen]

🌟 🌟 🌟 🌟 🌟 Excellent!

[@natashajanice6242]

Is 'else if' supported?

[@acuteclub7381]

well explained...thanks

[@vvntechnologiespvtltd6843]

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

[@estherwashu4783]

so helpful thankyou

[@birajaprasad]

sir, what about reusable component

[@ruudhermans4243]

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

[@nidhithakur6636]

thank you

[@moh_has99]

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

[@richardpadua3928]

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

[@kathiravant1668]

thank u its pretty clear

[@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

[@lexiaontube]

THX !!!! great tutorials !!!!

[@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

[@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...

[@alihosseinkhani2671]

Ty

[@mahmoudabdelsattar8860]

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

[@rajatsethi6000]

Replace templateUrl to template

[@modgenesis3868]

@RAJA SETHI Thanks

[@syedsameer382]

please create udemy turorial...

[@RahulSingh-ex2sm]

Awesome!

[@yuvarajnagu7243]

Where 11 th video

[@deenriqo]

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

[@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...

[@Tedendityqdarr-k6b]

12:17

[@rameshd8436]

Dint read document

[@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.

[@SahilSingh-hc4fk]

trutheeeee

[@_slier]

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

[@ai.aspirations]

magnefique