Angular ng-template: The Complete Guide to ng-template

  Рет қаралды 7,242

Code Shots With Profanis

Code Shots With Profanis

Күн бұрын

Пікірлер: 23
@TheCMajor9th
@TheCMajor9th Жыл бұрын
thanks for sharing lovely stuff back for the basics to use
@CodeShotsWithProfanis
@CodeShotsWithProfanis Жыл бұрын
You’re welcome 😊
@DraaElMizan
@DraaElMizan Жыл бұрын
Another great video. Cheers Profanis
@CodeShotsWithProfanis
@CodeShotsWithProfanis Жыл бұрын
Glad you enjoyed it
@ellsonmendesYT
@ellsonmendesYT 7 ай бұрын
totally awesome job
@samcarrasco1700
@samcarrasco1700 Жыл бұрын
Thanks for the outstanding video!
@CodeShotsWithProfanis
@CodeShotsWithProfanis Жыл бұрын
Glad you liked it!
@ranjanadeore2957
@ranjanadeore2957 Жыл бұрын
Thank you sir for the great video. After a long time.
@CodeShotsWithProfanis
@CodeShotsWithProfanis Жыл бұрын
So nice of you
@madpwnz
@madpwnz Жыл бұрын
Thank you for the video man🤟
@ArtT-ue8hz
@ArtT-ue8hz Жыл бұрын
Great video, but would be also nice to know how to maintain the type within "let" inside the template. By default it becomes any ;( It will be super handy when the context cosists of different object types
@TheLinoa84
@TheLinoa84 Жыл бұрын
I agree
@CodeShotsWithProfanis
@CodeShotsWithProfanis Жыл бұрын
Great suggestion! It will be my next video ;)
@alirezaunixp9302
@alirezaunixp9302 Жыл бұрын
Hi , Can i use this method to create a modal and loading components dynamicly?
@CodeShotsWithProfanis
@CodeShotsWithProfanis Жыл бұрын
I do not see why not. If you like I would love to collaborate with you on a Stackblitz. Share a link if you wish :)
@abhirajgawai505
@abhirajgawai505 Жыл бұрын
Sir, please create a project tutorial that includes all the important angular concepts.
@uidhtml
@uidhtml Жыл бұрын
Awesome explaination: Sir need one help, I am struggling removing # from URL, what is the best practices' to remove # from url with cross-platform, I am totally confused. Please create a video on this issue. The way you explain is just awesome.
@liveabhishekshukla
@liveabhishekshukla Жыл бұрын
whats the extensions your using autocomplete both in ts and html? it shows error also, nice xan you provide extension youtr using
@SamiullahKhan
@SamiullahKhan Жыл бұрын
at 11:30 we can say that we are using object destruction to user variable names in the template
@SamiullahKhan
@SamiullahKhan Жыл бұрын
How could I make it work if I want to project inside mat table table cell? because that is already using If I use it as it is, only last table row get's the injected content.
@anutaNYC
@anutaNYC 7 ай бұрын
How to deal when you need components inside the ng-template that you need to ass as input bound property? I get change detection errors because angular doesn't have this component in the view yet
@CodeShotsWithProfanis
@CodeShotsWithProfanis 7 ай бұрын
If I got you right, you want to have something like is that right? If so, the my-cmp component has access to the outer context. Meaning, if the valueA is a public property then it's accessible. If however the valueA is not a public property and it's set by a nested template block, then you have to declare a variable in the ng-template and then provide this variable in your ngTemplateOutlet Your template should become and you should use it like: Let me know if this answers your question. If not, please elaborate more and preferrable with a code example
@LukeGrannis
@LukeGrannis 6 ай бұрын
Why the *%*^%! is this so complicated? All of this composition is so simple and intuitive with other libraries.
NgTemplateOutlet in Angular - Everything You Have to Know (2022)
35:15
Decoded Frontend
Рет қаралды 53 М.
Can You Find Hulk's True Love? Real vs Fake Girlfriend Challenge | Roblox 3D
00:24
How To Choose Mac N Cheese Date Night.. 🧀
00:58
Jojo Sim
Рет қаралды 94 МЛН
ТЮРЕМЩИК В БОКСЕ! #shorts
00:58
HARD_MMA
Рет қаралды 2,6 МЛН
Angular Signals: The Complete Guide
15:22
Web Tech Talk
Рет қаралды 15 М.
Learn What the Directive Composition API Is and How To Use It in Angular 15
22:42
Code Shots With Profanis
Рет қаралды 9 М.
ngTemplateOutlet is WAY more useful than I realised
16:36
Joshua Morony
Рет қаралды 77 М.
Angular Content Projection: Everything You Need to Know
20:01
Code Shots With Profanis
Рет қаралды 10 М.
Angular Crash Course | Learn modern Angular in 90 minutes
1:29:09
Code with Ahsan
Рет қаралды 18 М.
Get to Know How The Angular RedirectTo Function Works
10:06
Code Shots With Profanis
Рет қаралды 637
Angular v19 Developer Event
22:54
Angular
Рет қаралды 55 М.
Can You Find Hulk's True Love? Real vs Fake Girlfriend Challenge | Roblox 3D
00:24