Angular ng-template: The Complete Guide to ng-template
7 هزار بار بازدید -
2 سال پیش
-
In this video, we'll be
In this video, we'll be covering the basics of ng-template, from defining your content to creating reusable templates. By the end of this guide, you'll have a better understanding of ng-template and be able to use it to create dynamic and attractive content for your Angular applications.
If you're new to Angular or Ng-Template, then this guide is for you. By the end of this video, you'll be able to create basic templates using the ng-template element, and more advanced ones for custom structural directives. This guide will help you understand ng-template and make the most of its powerful features!
Chapters:
00:00 Intro
02:12 Theory: ng-template in a *ngIf
04:49 Theory: render the ng-template dynamically using the *ngTemplateOutlet
06:54 Theory: use a context in ng-template using the *ngTemplateOutletContext
14:00 Example: Create a custom structural directive
20:28 Example: Provide the template in a re-usable component
24:38: Thank you
✨ Code: https://github.com/profanis/codeShots...
******************************************************
Let's connect
******************************************************
Twitter: Twitter: prodromouf
LinkedIn: LinkedIn: prodromouf
#angular #learnAngular #angularTutorial #webdeveloper #webdevelopment #frontenddeveloper #components #angularcomponent #reusablecomponents #angularTemplates
If you're new to Angular or Ng-Template, then this guide is for you. By the end of this video, you'll be able to create basic templates using the ng-template element, and more advanced ones for custom structural directives. This guide will help you understand ng-template and make the most of its powerful features!
Chapters:
00:00 Intro
02:12 Theory: ng-template in a *ngIf
04:49 Theory: render the ng-template dynamically using the *ngTemplateOutlet
06:54 Theory: use a context in ng-template using the *ngTemplateOutletContext
14:00 Example: Create a custom structural directive
20:28 Example: Provide the template in a re-usable component
24:38: Thank you
✨ Code: https://github.com/profanis/codeShots...
******************************************************
Let's connect
******************************************************
Twitter: Twitter: prodromouf
LinkedIn: LinkedIn: prodromouf
#angular #learnAngular #angularTutorial #webdeveloper #webdevelopment #frontenddeveloper #components #angularcomponent #reusablecomponents #angularTemplates
2 سال پیش
در تاریخ 1401/11/14 منتشر شده
است.
7,006
بـار بازدید شده