(1)HTML綁定：{{}}
(2)屬性綁定:[]
注意:屬性綁定通常賦值為變量，如果賦值為常量(如字符串常量)
必須用引號括起來，如<img [src]="'../../assets/'+imgUrl">
(3)事件綁定：()
(click)="add()"
注意：事件名用()括起來，處理函數后必須有()
(4)指令綁定
(5)雙向數據綁定
Vue.js中的常用命令：v-on、v-bind、v-for、v-if、v-show、v-hide、v-else、v-text/html、v-clock
2.Angular中的指令系統
(1)循環綁定 *ngFor
<ANY *ngFor="let 臨時變量 of 數據">
<ANY *ngFor="let 臨時變量 of 數據; let i=index;">
<ANY *ngFor="let 臨時變量 of 數據; index as i ">
(4)樣式綁定：[ngClass]
<ANY [ngClass="obj"]>
說明：ngClass綁定的值必須是一個對象！對象的屬性就是CSS class名，
屬性值為true/false,true的話該class就出現，否則該class不出現。
(5)了解：特殊的選擇綁定：
<ANY [ngSwitch]="表達式">
<ANY *ngSwitchCase="值1"></ANY>
<ANY *ngSwitchCase="值2"></ANY>
...
<ANY *ngSwitchDefault></ANY>
</ANY>
(6)雙向數據綁定指令:[(ngModel)]-----重點
方向 1：Model => View,模型變則視圖變，用[ ]綁定
方向 2：View => Model,視圖(表單元素)模型變，用()綁定
<input/select/textarea [(ngModel)]="uname">
注意：1.如果想直接監視模型數據的改變，可以綁定ngModelChange事件
2.ngModel指令不在commonModule模塊中，而在FormsModule中，使用之前必須在
主模塊中導入該模塊：
//app.module.ts
@NgModule({
imports:[BrowserModule,FormsModule]
})
Angular中的指令分為三類：
(1)組件指令：NG中Component繼承自Directive
(2)結構性指令：會影響DOM樹結構，必須使用 * 開頭，如*ngFor、*ngIf
(3)屬性型指令：不會影響DOM樹結構，只是影響元素外觀或行為，必須用[ ]括起來，
如[ngClass],[ngStyle]
3.擴展小知識：如何自定義指令
提示：創建指令的簡單工具：ng g directive 指令名
自定義指令都是作為元素屬性來使用的，selector應該是:[指令名]
<ANY xuYaoQiangDiao>...</ANY>