Angular4的dom事件

• 差值表達式和屬性綁定其實是一樣的（例）

<!-- 這兩個是一樣的效果，使用哪個都可以 -->
<img src="{{imgUrl}}">
<img [src]="imgUrl">

• dom屬性和html屬性不一樣

<input value="請輸入姓名" (input)="change($event)">

change(event) {
  // dom屬性
  console.log(event.target.value);
  // html屬性
  console.log(event.target.getAttribute('value'));
}


// 打印結(jié)果
consult.component.ts:24 請輸入姓
consult.component.ts:25 請輸入姓名
consult.component.ts:24 請輸入
consult.component.ts:25 請輸入姓名
consult.component.ts:24 請輸
consult.component.ts:25 請輸入姓名

總結(jié)：

1：隨著我不斷的刪除一些字，dom屬性一直在變化，然而html屬性并沒變化。dom屬性代表當前的值，html屬性代表的是初始的值。

2：dom屬性的值可以改變，html屬性的值不能改變。

3：angular模板綁定是通過dom屬性和事件來工作的，而不是html屬性。