1. 程式人生 > >angular6學習(八):資料繫結

angular6學習(八):資料繫結

資料繫結:


一、插值表示式繫結:{{data}}

ts檔案中:


html檔案中


顯示:


二、屬性繫結:([property]="data")

實現功能:開始時顯示false,2秒後顯示true

ts檔案:


html檔案


顯示:

最初:


2秒後:


按鈕操作:2秒後按鈕可用


注意:

判斷布林操作時只能用屬性繫結,不能用插值繫結

即:


影象連結的操作

ts檔案


html檔案


顯示如下:


三:事件繫結

ts檔案建立事件


html檔案呼叫事件


顯示如下:


點選後: