<input #myInput (keyup)="inputValue = myInput.value" />
<p>{{ inputValue }}</p>
<div #myElement></div>
<p>{{ myElement.innerText }}</p>
<form #myForm="ngForm">
<input name="username" ngModel #username="ngModel" required />
<p *ngIf="username.invalid">Username is required.</p>
</form>
<div *ngIf="showElement">
<p #localVariable>This is a local variable.</p>
</div>
<p>{{ localVariable }}</p> <!-- Error: localVariable is not defined here -->
<div *ngFor="let item of items">
<div #myItem>{{ item.name }}</div>
<button (click)="displayItem(myItem.innerText)">Display Item</button>
</div>
<ng-container *ngFor="let item of items; let i = index">
<div #myItem>{{ item.name }}</div>
<button (click)="displayItem(myItem.innerText)">Display Item {{ i + 1 }}</button>
</ng-container>