內建屬性型指令
屬性型指令會監聽和修改其它html元素或元件的行為、元素屬性（attribute）、dom屬性（property）。
ngclass
形式：[ngclass]="statement"
通過繫結到ngclass，可以同時新增或移除多個類。
setcurrentclasses() ;
}this div
形式：[ngstyle]="statement"
ngstyle繫結可以同時設定多個內聯樣式。
setcurrentstyles() ;
}this div
形式：[(ngmodel)]="statement"
使用[(ngmodel)]雙向繫結到表單元素。
使用 ngmodel 時需要 formsmodule內建結構型指令
ngif
形式：*ngif="statement"
ngfor
形式：*ngfor="statement"
}
形式：[ngswitch]="statement"
ngswitch實際上包括三個相互協作的指令：ngswitch、ngswitchcase 和 ngswitchdefault模板引用變數通常用來引用模板中的某個dom元素，它還可以引用angular元件或指令或web component。
callAngular4學習筆記之管道
管道 pipes把資料作為輸入，然後轉換它，給出期望的輸出。每個應用開始的時候差不多都是一些簡單任務 獲取資料 轉換它們，然後把它們顯示給使用者。angular內建了一些管道，比如datepipe uppercasepipe lowercasepipe currencypipe和percentpip...
Angular4學習筆記 目錄彙總
angular4學習筆記 一 環境搭建 angular4學習筆記 二 在webstorm中啟動專案 angular4學習筆記 三 路由 angular4學習筆記 四 依賴注入 angular4學習筆記 五 資料繫結 響應式程式設計和管道 angular4學習筆記 六 input和output ang...
Angular4學習筆記之DOM屬性繫結
使用插值表示式將乙個表示式的值顯示在模版上 插值表示式 與 屬性繫結 之間的關係 兩種方式都可以實現，angular 在實現的邏輯上面是 在程式載入元件的時候，會先將 插值表示式 翻譯為 屬性繫結 修改 bind.component.html 1.少量的 html屬性和 dom屬性之間有這 1 1 ...