▪️Angular - 屬性綁定 (Property Binding)
2024-7-19
| 2025-3-19
字數 99閱讀時間 1 分鐘
💡
使用 [ ] 來設置 property binding
綁定的變數的值改變,Template 所設定的 property 值也會跟著改變。
 
使用[屬性] 來綁定 DOM 的屬性的 JavaScript 屬性
 
使用[attr.屬性] 來綁定 HTML 的屬性
 

差異重點總結

用法
綁定對象
使用時機
[property]
DOM 的 JavaScript 屬性
常見屬性,如 disabledvaluechecked
[attr.property]
HTML 屬性
不常見屬性、自定義 attribute 或需精確控制原生 HTML 屬性時使用
 
  • Angular
  • Angular - 事件綁定 (Event Binding)Angular - 內嵌綁定 (Interpolation)
    Loading...