目前看起來服務元件感覺像是把函示抽成一個類共用,適合使用的時機目前還感受不出來,應該是自己太菜...總之先記錄下來再一個一個跟進吧!
目前看起來服務元件感覺像是把函示抽成一個類共用,適合使用的時機目前還感受不出來,應該是自己太菜...總之先記錄下來再一個一個跟進吧!
在SPA的架構中,透過API取得資料是在稀鬆平常不過的事情了,這邊會先使用檔案來做讀取,因此必須先做好設定,再來試著讀取API。
前方記錄了屬性繫結的方式,以及元件的建立方式,但如果元件跟元件之間要傳遞參數呢?這就需要用到input以及output了!
在用之前必須先了解,每個元件都是獨立的,而A元件的html中,呼叫B元件的這個行為
在此我把A元件視為「父元件」,把B元件視為「子元件」
父元件在建立子元件時,一併給予參數,這是input
子元件的某事件被觸發後,透過事件回傳參數,這是output
基本上pipe的用意,就是把進來的資料處理過後,再度送出
舉個例子好了
input:民國的日期
output:西元日期
1.在VS Code的快速建立方式Ctrl+~打開終端機
2.進到ng的資料夾底下
3.輸入指令:ng g c 元件名稱
這邊要記錄的是ngIf以及ngFor、ngClass、ngStyle
ngIf:被標記的欄位,若是資料為true,則顯示,否則關閉
ngFor:依據資料跑回圈,把所有資料讀出來
以下二個個人認為只是屬性繫結的變形
ngClass:帶入Class
ngStyle:寫style
剛進入Angular的領域,對於裡面的程式語言在搞什麼鬼都不知道,趕快把知道的東西記錄下來
上一篇寫到繫結時,是透過$event.target.value去取得當前的資料,那萬一其他Html觸發時要取得Value呢?
那就是這篇要記錄的重點啦~「範本參考變數」
資料繫結是NG的重頭戲之一,透過多種資料繫結的方式,使NG在撰寫的時候能夠更靈活,在這篇來記錄一下資料繫結的幾種方法。