#33 ng-template in Angular | Angular Component & Directives | A Complete Angular Course

In this lecture you will learn about ng-template which is an Angular element. You will learn what in ng-template, what is its use and how to use it to render an HTML template in DOM
ASP.NET Core GitHub Repo: github.com/man...
NODE JS Course GitHub Repo: github.com/man...
ANGULAR 16 Course GitHub Repo: github.com/man...

[@wiktorwachowski6291]

believe or not but I just finished your video about ng-content and wanted to check if you added video on this topic. I was surprised seeing it added only 44 minutes ago :D

[@sona4612]

Great quality videos.. thank you sir 🔥🔥🔥

[@80_kunaltilekar30]

amazing content and easy to understand thank you so much , keep up the good work !!!!

[@Thinkeasy86]

Thank you so much sir..I learn lof of things about Angular

[@ashishnayak2666]

Salute bro🎉..to your strong effort..

[@debajyoti.dev_]

Please complete the full course 🙏🙏❤️

[@savishan1805]

Simply we can use NgIf in notify me as well? Why we need to use ng-template, may I know the purpose?

[@lgaedits]

fr. It just complicates it even more in my opinion

[@rogeriotadeudosreis342]

Thank you by tutorial

[@Gyannea]

How do I use an ng-template defined in one component in another component? For example I have several svg-icons that I use in several different component templates. For now the same svg is copied in all those places. I could define a component for each svg but that is ridiculous. I would like to have a single component whose html template contains a 'library' of ng-templates html snippets that I could then use through my project. However, I dont know how to access those snippets unless I am in the same html file as the snippets (like you do in this tutorial).
PS: Your lectures are the best. Well presented with excellent diction!

[@darcygravan7338]

template referance variable isnt declared inside *ngtemplateoutlet so shouldn't it throw an error?
how does it still work?

[@sagarvyas5527]

sir cant we show notify button using *ngif = "!Product_isin_inventory"

[@anutaNYC]

Is there git for this ekart project?

[@mohitmore9913]

HI,
I am not sure still why is ng-template necessary if the same result can be achieved by just ngIf. Can you please the video or comment showing difference?

[@VamsiKrishna-rd2ok]

In this example, it was just a label change, so you could handle with another ngIf. But what if there are many more controls that you want to show or hide based on a condition? In that case, we can't write so many ngIf's and ng-template will come handy.

[@pabblo097]

@@VamsiKrishna-rd2ok I'd put all that stuff in the new component and use *ngIf

[@ksas323]

There is an important point that you forgot to add here, which is adding a variable inside the template.

[@Moath268]

thanks
😀

[@RaulGarcia-tg9xv]

thanks