{{ name }} // outputs: Timmy // whatever value input receives is being recorded in a variable name // e.g. inputting "Joanna" will update the variable name and becomes Joanna // view logic console.log(name); // results to "Joanna" ``` **#** - Template variable (template ref) helps you use data from one part of a template in another part of the template ``` // view template // view logic checked(bool: boolean) { console.log(bool) } ``` | - (referring inside interpolation) is a pipe, that transforms input values to output values for display in a view ``` {{ yourDateHere | date:'longDate' }} // output is 'May 5, 2021' ``` */(asterisk) - is a built in structural directives such as *ngFor, *ngIf and *ngSwitch [Reference](https://angular.io/guide/template-syntax#template-syntax) Cheers!" data-react-helmet="true" /> {{ name }} // outputs: Timmy // whatever value input receives is being recorded in a variable name // e.g. inputting "Joanna" will update the variable name and becomes Joanna // view logic console.log(name); // results to "Joanna" ``` **#** - Template variable (template ref) helps you use data from one part of a template in another part of the template ``` // view template // view logic checked(bool: boolean) { console.log(bool) } ``` | - (referring inside interpolation) is a pipe, that transforms input values to output values for display in a view ``` {{ yourDateHere | date:'longDate' }} // output is 'May 5, 2021' ``` */(asterisk) - is a built in structural directives such as *ngFor, *ngIf and *ngSwitch [Reference](https://angular.io/guide/template-syntax#template-syntax) Cheers!" data-react-helmet="true" /> {{ name }} // outputs: Timmy // whatever value input receives is being recorded in a variable name // e.g. inputting "Joanna" will update the variable name and becomes Joanna // view logic console.log(name); // results to "Joanna" ``` **#** - Template variable (template ref) helps you use data from one part of a template in another part of the template ``` // view template // view logic checked(bool: boolean) { console.log(bool) } ``` | - (referring inside interpolation) is a pipe, that transforms input values to output values for display in a view ``` {{ yourDateHere | date:'longDate' }} // output is 'May 5, 2021' ``` */(asterisk) - is a built in structural directives such as *ngFor, *ngIf and *ngSwitch [Reference](https://angular.io/guide/template-syntax#template-syntax) Cheers!" data-react-helmet="true" />