前情提要 我們整理專案後，現在專案有更明確的模組來封裝元件，不僅讓 App 效能提升，也讓專案更「語意化」了，並且也越來越有架構的感覺了對吧？ 不過來有很多 A...
今天我們要來為我們用 Reactive Forms 所撰寫的被保人表單寫單元測試，如果還沒有相關程式碼的朋友，趕快前往閱讀第十一天的文章： Reactive...
昨天我們已經將製作好的版型，套用到 Angular 的根元件 AppComponent，今天，我們就要來進行發行與部署 Angular 應用程式的流程。 首先，...
昨天我們完成了 service 的部分，已經可以用程式碼打 API 來做 CRUD，但是我們還沒有準備表單的 component，今天，我們就要來幫我們的 An...
上一篇介紹 firestore CRUD 的各種方式，今天要來介紹進階的查詢資料方式，利用條件去過濾出符合條件的資料，而不是每次都把所有資料都拿回來 fires...
前情提要 完成了新增英雄頁面、英雄資訊元件後，在我們勸誘青銅五小強之前，讓我們先停一停，來重構整個專案。 我們將完成下列事項： 建立 Feature Modu...
昨天幫我們用 Template Driven Forms 所撰寫的被保人表單寫完單元測試之後，今天則是要來為它寫整合測試。 大家還記得整合測試的目標是要測什麼...
三天前，我們已成功把靜態檔案加入 Angular 的專案了，如果感到有點陌生，可以再到以下連結，重新回憶一下： Day 13：來把靜態檔案加入 Angular...
上一篇，建立了firestore資料庫，並且成功與前端連接，讀取到資料庫的資料，那麼這一篇就來認識一下，什麼是 firestore、firestore可以做什麼...
前情提要 簡單地聊聊範本驅動表單（Template Driven Fomrs）後，應該會覺得範本變數（Template Variables）常常出現吧。範本變數...
一直到目前，我們的 component 仍然使用寫死的物件當作資料來源，今天，我們就要來串起我們的前後端，用 HttpClient 取得資料然後再用 compo...
學習 Angular 的過程中，遇到了一些教學資源不見得會遇到的問題，還真是家常便飯，而且你個人電腦沒遇到，但公司派發給你的筆電偏偏就遇到了，所以就來記錄一下吧...
今天我們要來為我們用 Template Driven Forms 所撰寫的被保人表單寫單元測試，如果還沒有相關程式碼的朋友，趕快前往閱讀第十天的文章： Te...
firebase sdk 是什麼 firebase sdk 是 firebase 官方推出和 firebase 互動的套件，支援很多不同語言，像是 Node.j...
在前十天，建立起前端專案的基本架構，接下來進入後端的世界，建立後端的基礎，之後與前端專案對接。 什麼是 firebase firebase 是 google...
由於在未來的專案有機會使用到 Bootstrap，所以就藉這個機會來介紹一下如何在 Angular 環境裡使用 Bootstrap。 安裝 Bootstrap...
昨天我們的 Component 只有簡簡單單的一行 “ironman works!” 其他啥都沒有。今天，我們就來替他加點東西，讓它顯示資料。首先我們先在 ir...
今天要來用 Reactive Forms 的方式再來實作一次昨天的表單。 具體的規格需求跟昨天差不多，如下所示： 被保險人的欄位： 姓名（文字輸入框）...
在前幾篇，挑選一套自己喜歡的UI框架中提到，挑選Nebular的其中一個重要的原因是:可以很方便快速切換主題。這一篇就要來示範，如何做到一件切換主題! 什麼是切...
今天要來用 Template Driven Forms 的方式實作一個很簡易的動態表單，使用上有點像是保險業者的系統，可以新增多名被保人，也可以編輯與刪除被保...
把靜態檔案加到 Angular 專案中 前一篇，我們已經學會用 Angular CLI 建立元件及範本，今天我們要試著把靜態檔案加到 Angular CLI 所...
前情提要 昨日實作其中一個英雄表單欄位「姓名」後，演示了如何使用 FormControl 表單控制項搭配範本參考變數（Template Reference）來掌...
讓 Angular 元件顯示在畫面上 上一篇，我們建立了一個元件 page1。 接下來，我們就要把 page1 這個元件，顯示在如下圖的 Angular 應...
前情提要 藉著重構原先從元件取得資料的方法，我們將對 http 的呼叫封裝在服務裡，隱藏了資料來源的細節。這使我們在元件中在可以更專注於與畫面的互動。並且，如果...
好的，今天開始我們就要用牛刀來殺雞。首先第一件事當然就是先準備牛刀，不過這個牛刀整支都在 npm 上，所以拿牛刀之前我們還需要先裝 Node.js。請直接透過傳...
昨天幫我們用 Reactive Forms 所撰寫的登入系統寫完單元測試之後，今天則是要來為它寫整合測試。 再次幫大家複習一下整合測試的測試目標： 整合測試...
前情提要 昨日我們聊了一些關於「頁面」與「元件」在規劃上，可能需要注意的地方。今天，我們會實際帶著「頁面還是元件」這樣的問題意識，來實作新增英雄表單功能，在表單...
快速產生 Angular 元件 要在 Angular 專案中快速產生元件，首先要先打開 VS Code 的終端機面板，並輸入以下指令： ng generate...
前情提要 使用了 AsyncPipe 管道來取得所有英雄資料後，我們要在英雄資訊頁面，傳遞參數來取得特定的英雄資料。在先前撰寫的程式碼中，我們知道如何透過 Ac...
呼~~終於寫完所有躲在瀏覽器後面的東西了，現在我們已經架好了主機、佈好了 API 程式、裝好了 MySQL，就只差前端頁面了。從今天開始，我們就要開始一步一步做...
iThome鐵人賽
看影片追技術
看更多
tomasysh
Leo
ABow_Chen
goattl
tso1158687