Angular組件介紹&使用,數據綁定的介紹&使用

1.組件介紹:

1.1整體介紹:

在這裏插入圖片描述

1.2app下其他的組件介紹:(我用的是less樣式,選什麼用什麼)

在這裏插入圖片描述

1.3引入&導出組件:

在這裏插入圖片描述
在這裏插入圖片描述

2.數據綁定(在test組件中演示databind組件樣式):

所需模塊配置信息(這裏需要配置Form表單模塊)

在這裏插入圖片描述

2.1插值表達式

語法:{{data}}

2.2屬性綁定

語法:[property]=“data”

2.3事件綁定

語法:(event)=“expression”

2.4雙向數據綁定

語法:[(ngModel)]=“data”

在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章