筆者作為一名前端新手,以初學前端的身分撰寫這系列文章,並且會與另外兩位團隊成員的作品合為一個簡單的專案。
以Angular作為前端開發,並與Golang 後端嫁接。
本系列文章會從環境建置、語法筆記作為主要內容,並以實現一個完整應用作為目標。
Structural Directive 主要用來操作 DOM Tree,新增、刪除 DOM 節點,常用指令有 ngFor、ngIf、ngSwitch 三種。這...
上一章我們用 Structural Directive 來新增、刪除 DOM 元素(節點),而 Attribute directives 可以改變 DOM Pr...
Pipe 是用在 Interpolation 或是 Property Binding 時,幫我們做資料格式的轉換,比方說我們要將字串轉成全大寫,可以用內建的 m...
既然 Pipe 可以自己設計,那麼 Directive 當然也可以自己做,這邊要講的是如何自己設計一個 Attribute Directive。 Angular...
我們在介紹程式流程時,有簡單帶過 app.module.ts 。在 Angular 裡,module 是一個不可或缺的元素,我們可以把多個相近的功能,包成一個...
一直到現在,我們用的 Component 都是長這個樣子: <app-root></app-root><app-homepage&...
前一篇使用了 @Input,來向元件傳入變數,今天我們要用 @Output 對元件外傳出變數。我們之前做了一個登入的功能,卻只能從 AccountManage...
在開發元件的時候,我們會希望元件間的相依性不要太高,否則當專案越來越大時,修改一個小地方,就會有一連串元件都受影響,牽一髮而動全身。 所以我們會希望,將一些功能...
這是一個表單,廢話。我們先前設計了一個簡單的登入功能,但這些欄位都還沒有作用,今天我們來實作,如何從表單拿到使用者輸入的值,並且在以後接上API,送到後端伺服器...
拿到表單資料後,我們還要想辦法將資料傳出,送到後端做處理。所以我們要使用 HttpClient 來替我們傳送、接收資料。 要使用 HttpClient,顧名思義...