（一）數(shù)據(jù)綁定
未標(biāo)題-1.jpg
1.數(shù)據(jù)綁定
未標(biāo)題-1.jpg
添加一些鍵盤事件
(kerup.enter)按鍵并回車
(kerup.space)按鍵并空格
(kerup.contro)按鍵并ctrl
(kerup.shift)按鍵并shift
(kerup.alt)按鍵并alt
（二）DOM屬性綁定
<img [src]=''imgUrl''>
<img src = "{{imgUrl}}"
DOM屬性和HTML屬性觅玻。（input）
上面是DOM屬性想际，下面為HTML屬性。
html屬性表示初始值溪厘，（不變）
dom屬性表示現(xiàn)在值胡本。（可變）
未標(biāo)題-1.jpg
三張圖說明關(guān)系
未標(biāo)題-1.jpg
未標(biāo)題-1.jpg
（三）HTML屬性綁定
1.基本HTML屬性綁定
未標(biāo)題-1.jpg
2.CSS類綁定
未標(biāo)題-1.jpg
3.樣式綁定
未標(biāo)題-1.jpg
（四）雙向綁定,一般元素加上也沒用（input有用）
[(ngModel)] = "name"
（五）管道（可以鏈試使用）（asyns異步管道先不說）
未標(biāo)題-1.jpg
未標(biāo)題-1.jpg
（五）2自定義管道
使用cli工具（注意他有聲明但是cli已經(jīng)替你處理了）
ng g pipe 管道位置和名稱
args----參數(shù)（可選）
value -----原始值
未標(biāo)題-1.jpg
（六）響應(yīng)式編程
1.主模塊里引入ReactiveFormsModule
未標(biāo)題-1.jpg
2.組件模塊上添加
import 'rxjs/Rx'3.申明變量變量類型為FormControl
未標(biāo)題-1.jpg
4.html上數(shù)據(jù)綁定
未標(biāo)題-1.jpg
5.構(gòu)造函數(shù)上訂閱事件使數(shù)據(jù)綁定到另一個變量上
image.png
