筆者作為一名前端新手,以初學前端的身分撰寫這系列文章,並且會與另外兩位團隊成員的作品合為一個簡單的專案。
以Angular作為前端開發,並與Golang 後端嫁接。
本系列文章會從環境建置、語法筆記作為主要內容,並以實現一個完整應用作為目標。
使用HttpClient 在使用 HttpClient 前,需要先 import HttpClientModule,所以我們到 account.module.t...
昨天我們成功存取本地檔案,今天來試著連接遠端的 API。 我們先用 PostMan 測試一下創建帳號的 API: 確定API是可以動作的。body 這邊我們要...
到目前為止我們都是在單一頁面撰寫 Angular,今天我們用 Angular 的 Routing 機制,來完成多個頁面的切換。 首先我們先整理一下很混亂的程式碼...
接續昨天的路由主題,我們來完善一下程式碼。 在 import module 的地方加入{ enableTracing: true },Angular 就會在 c...
DAY 25 Routing (三) 路由參數 我們的路由,配置到目前為止,已經可以切換頁面,但是如果我們要讀取 URL 的參數列,比如說這樣: 我有一個參數...
DAY 26 整合 今天來總整理一下全部的程式碼吧 首先為登入和註冊的表單,套上CSS,讓他看起來美觀一點: // register.component.css...
我們開發 Angular 到現在,都是用 Angular-CLI 提供的 ng serve 來開測試伺服器。那麼當網站寫好後,要發布到遠端的 server 或是...
之前我們用過 @Input() 、@Output(),完成父子元件間的資料傳遞,但若今天兩個 Component 不是父子關係,這個方法可能就行不通了,今天會簡...
由於Angular 本身並沒有提供圖表的模組,所以今天我們要使用第三方的函式庫來建立圖表。 我們今天會用到的兩個套件:ng2-charts 和 chart.js...
相信大家開發 Angular 時,難免都會遇到修修改改,以及版本管理上的問題,如果很多人一起開發一個專案,需要同時開發好幾個功能時,又不知道要怎麼整合每個人各自...