Skip to main content

Posts

Showing posts with the label Angular 5 and 4 – Templates

Angular 5 Material Tutorials - Form Controls, Grid, List, Datepicker and Popups Modals Dialog

Angular 5 Material Tutorials Install and Use Angular 5 Material Form Controls - Datepicker Date Validation - Disabling parts of the Datepicker Min and Max Date Validation Form Controls - Check-Box Form Controls - Radio-Button Datepicker with Min and Max Date Validation Autocomplete Options Angular Tabs - Separate Views Progress Bar - Horizontal progress-bar Button Toggle - On/Off Toggles Data Table - Mat-Table Angular 2 vs Angular 4 vs Angular 5 vs Angular 6 Angular 2 vs. Angular 1 Angular 4 vs. Angular 2 Angular 5 vs. Angular 4 Angular 6 vs Angular 5

Angular 5 and 4 – Templates

How To Create and Use Templates in Angular 5 or 4 using Visual Studio Code? Let’s start about Templates system in Angular 5 and 4.  As you know, Angular 2 using the template tag <template> but in Angular 4+ using to <ng-template> </ng-template>. We can shay that the Angular 4 changed <template> to <ng-template> . This is the biggest changes of Angular. Stayed Informed  –  Angular 5  and  Angular 4 Documents Lest start an example and see “how looks like” – user.component.html- < div >< h2 > Angular 4 and 5 Templates </ h2 ></ div > < div >   < div * ngIf = "isAciveFlag;then cond1 else cond2" > Condition is valid. </ div >   < ng-template # cond1 > Template Cond1 - This is the 1st condition and its valid. </ ng-template >   < ng-template # cond2 > Template Cond2 - This is 2nd condition and its not valid. </ ng-template > ...