Angular4-input以及output

前方記錄了屬性繫結的方式,以及元件的建立方式,但如果元件跟元件之間要傳遞參數呢?這就需要用到input以及output了!

 

在用之前必須先了解,每個元件都是獨立的,而A元件的html中,呼叫B元件的這個行為

在此我把A元件視為「父元件」,把B元件視為「子元件」

父元件在建立子元件時,一併給予參數,這是input

子元件的某事件被觸發後,透過事件回傳參數,這是output

 

...繼續閱讀 »

Angular-結構語法

這邊要記錄的是ngIf以及ngFor、ngClass、ngStyle

ngIf:被標記的欄位,若是資料為true,則顯示,否則關閉

ngFor:依據資料跑回圈,把所有資料讀出來

以下二個個人認為只是屬性繫結的變形

ngClass:帶入Class

ngStyle:寫style

...繼續閱讀 »