投顧網站 - 設定篇 今天開始 今天完成您可以直接看今天完成的結果,或者用 git clone https://github.com/jerryhsieh/ng...
環境安裝 Angular 開發團隊非常地貼心,為了讓大家能夠更方便地去開發與學習 Schematics ,還特地開發了 Schematics CLI 給大家使用...
前兩天我們學到了多種替換注入 token 內容的方法,今天我們來看看如何取得不同注入內容的方式: 類型:觀念 難度:4 顆星 實用度:3 顆星 建構式注入 建構...
在上一篇,使用httpClient取得API資料的時候,看到一段陌生的程式碼 ngOnInit() { // this.heros = this.da...
貼心小語 上一篇我們把 Angular 、 MetaMask 、 BootStrap 以及 web3.js 都裝好了,這一篇會寫簡單的 Service 來取得錢...
由於在未來的專案有機會使用到 Bootstrap,所以就藉這個機會來介紹一下如何在 Angular 環境裡使用 Bootstrap。 安裝 Bootstrap...
安裝NPM環境 Angular應用程序以及Angular本身都依賴於很多第三方包(包括Angular自己)提供的特性和功能。這些包由Node包管理器( npm...
每日一句來源:Daily English Goals are not only absolutely necessary to motivate us. Th...
ngrx/store 設定篇及會員篇之 Action, Reducer 今天開始 今天完成 ngrx/store 設定 第一步:安裝相關套件 npm inst...
Store 加入 select 我們的 Store 內部大致完成,但是對於客戶 (Subscriber),我們還少了介面,在 ngrx/store 裡,給客戶的...
今天要來用 Reactive Forms 的方式再來實作一次昨天的表單。 具體的規格需求跟昨天差不多,如下所示: 被保險人的欄位: 姓名(文字輸入框)...
Angular 網站實例 - 會員篇之後端 後端開始 後端完成今天的目標:完成會員中心後端,在後端加入提供投顧報告的功能,並且限定只有驗證過的 Http req...
為甚麼要學習 Typescipt 為甚麼要學習 Typescipt,或是說 為什麼要用Typescipt 呢,Typescipt 又有什麼樣的優點跟有什麼基本...
每日一句來源:Daily English A pessimist sees the difficulty in every opportunity; an o...
前言回顧 前兩天我們已經完成了專案基本佈局,大家對 NG-ZORRO 的一些元件使用方式、文件查閱等都有了一些簡單地瞭解,但是,最好的學習永遠是實踐。今天開始,...
語法自動補完 自動完成可以通過在輸入時提供可能要填入的值讓我們選擇,以加速開發的速度,如下圖: 錯誤檢查 可以檢查像是模版變數是否在元件內有對應的變數供綁定 跳...
ngrx/store 完成篇 今天開始 今天完成 今天目標:完成會員報告前次已經將會員報告 store 的部分完成,接下來我們來修改跟報告有關的元件 (...
Install Storybook 安裝 Storybook 只需要在Terminal,切換到現有專案的根目錄後,簡單的執行一行指令 npx sb init...
今天要來用 Template Driven Forms 的方式實作一個簡單的登入系統,撇開 UI 不談,具體的功能需求規格如下: 帳號 格式為 Email...
三十天系列文至此即將告一個段落,雖然筆者到目前為止並沒有分享非常多的實戰,但 ng generate 、 ng add 、 ng update 這三個面向的 S...
每日一句來源:Daily English There is nothing noble in being superior to some other man...
Angular 是由 Google 主導,開源的 JavaScript 應用程式框架,目前穩定版本已經來到 Angular 11 了。 在學習程式的路上,不止一...
用 Angular 5 建立一個投顧網站 接下來我們用一個實例來介紹 ngrx/store 的使用在一個專案上,我們會先用完全使用 Services 的方式來...
基本說明 pipe 基本上就是值的轉換 下圖是在官網查詢 pipe 的所有項目https://angular.io/api?type=pipe Curre...
每日一句來源:Daily English Luck is not chance, it's toil. Fortune's expensive smile i...
上一篇提到如何使用Angular內建的管道。Angular內建的管道固然很實用,但是不能涵蓋全部的使用情境,如果沒有涵蓋到,就自己來定義一個管道吧 事前準備 h...
此次挑戰主旨 回憶並統整剛開始學習 angular 的內容。 怎麼會想接觸前端? 先前主要寫 ASP.NET Webform 前後端包含資料庫和規劃,整個過程發...
在上一篇提到,所有存取資料的操作都應該在服務(Service)完成,元件(Componet)不應該負責存取資料,只應該負責如何顯示資料與畫面上的操作。 因此建立...
在上一篇中介紹了什麼是 Angular CLI 與他可以提供許多方便功能,不過只是大概介紹他的用法與他是什麼,要實際暸解到他背後的運行邏輯其實是滿複雜的,這邊就...
用 Observable 來理解 Dispatcher 跟 Store 接下來幾篇並不是要實際做一個 ngrx/store, 而是讓我們用 Observable...