Angular, Template Variable, One-Way Binding, Two-Way Binding

(Template Variable)

<h2>(Template Variable)</h2>

<input #email type="text"/>
<br/>
<br/>
<button (click)="logMessage(email.value)" class="btn btn-success">Save</button>

(One-Way Binding)

<h2>(One-Way Binding)</h2>

<input [value]="email" type="text"/>
<br/>
<br/>
<button (click)="logMessage()" class="btn btn-success">Save</button>

(Two-Way Binding)

<h2>(Two-Way Binding)</h2>

<input [(ngModel)]="email" type="text"/>
<br/>
<br/>
<button (click)="logMessage()" class="btn btn-success">Save</button>