Angular Bindings (Final)

By: Mosh Hamedani

Interpolation
<h1>{{ title }}</h1>

Property binding
<img [src]=imageUrl />
<img bind-src=imageUrl />

Class binding
<li [class.active]=isActive />

Style binding
<button [style.backgroundColor]=isActive ? blue : gray>

Event binding
<button (click)=onClick($event)>
<button on-click=onClick($event)>

Two-way binding
<input type=text [(ngModel)]=firstName>
<input type=text bindon-ngModel=firstName>