angular4 數據綁定

HTML屬性綁定

1.基本Html屬性綁定

Html代碼 

• <td [attr.colspan]="tableColspan">something</td>  

 2.css類綁定

Html代碼 

• <div [class]="someEle">something</div>  

 

Html代碼 

• <div class="aaa,bbb" [class.ccc]="isSpec">something</div>  

 

Html代碼 

• <div [ngClass]="{aaa:isA,bbb:isB}">something</div>  

 

3.樣式綁定

Html代碼 

• <button [style.color]="ispec ? 'red' : 'green'">something</button>  

數據綁定

HTML屬性和DOM屬性的關係

1.少許html屬性和DOM屬性之間有着1:1的映射，如id

2.有些HTML屬性沒有對應的DOM屬性，如 colspan

3.有些DOM屬性沒有對應的HTML屬性，如 textContent

4.就算名字相同，html屬性和DOM屬性也不是一樣的東西

5.HTML屬性的值指定了初始值；DOM屬性的值表示當前值。

   DOM屬性的值能夠改變；HTML屬性的值不能改變

6.模板綁定是經過DOM屬性和事件來工做的，而不是HTML屬性