每日一句來源：Daily English As I began to love myself, I found that anguish and emotio...
今天要來用 Template Driven Forms 的方式實作一個很簡易的動態表單，使用上有點像是保險業者的系統，可以新增多名被保人，也可以編輯與刪除被保...
在2020年9月，我正式的從韌體工程師轉職成為一位前端工程師，在自學前端的時候我是選擇了 React 這個 Javascript 框架，做了幾個作品後投履歷面試...
什麼是 Angular？ Angular 是一個開源JavaScript 框架，主要用於建立單頁企業應用程式(SPA)，其中包含元件（可重複使用建構塊）、服務（...
學習 Angular 的過程中，遇到了一些教學資源不見得會遇到的問題，還真是家常便飯，而且你個人電腦沒遇到，但公司派發給你的筆電偏偏就遇到了，所以就來記錄一下吧...
大概介紹完了 Angular 的建置與開發後，我們來看看 Angular 的世界包含了哪些角色，在今天先向大家介紹模組。 Modules 在日漸複雜的前端領域，...
需求: 表單Submit後需要從後端做 新增or修改,為避免User重複觸發,打算將Submit設計為 Observable,可以搭配Rxjs的exhaustM...
先前我們在練習時，不管是直接使用程式碼還是使用範本，都是很純粹的產生出一個全新的檔案，然後將其擺到正確的地方。這只是學習 Schematics 的第一步，做為一...
昨天介紹了開始撰寫測試之前必須要知道的二三事之後，想必大家已經對如何開始撰寫測試有了一些概念，但測試不是「有拜有保佑」，有寫就好。所以我們除了要知道如何開始撰...
上一篇提到什麼是RXJS和RXJS的基本觀念，這一篇要來實際操作RXJS。 在進入實際操作之前，還要來提RXJS方便的地方-運算子(Operators) 什麼是...
昨天我們成功存取本地檔案，今天來試著連接遠端的 API。 我們先用 PostMan 測試一下創建帳號的 API: 確定API是可以動作的。body 這邊我們要...
在開發 Angular 應用程式時，會依照特定的規則（如是否為相同應用領域、或是否為一連串的作業流程等等）將元件分類至不同的模組。這一篇就來看如何定義與建立 A...
阿壹
‧
2020-09-19
在 Angular 中應用程式是模塊化的，Angular 有自己的模塊化系統稱為 NgModule，他可以包含 component、service provid...
本章節將要介紹如何使用 ng-content 將一個 Component 的內容投影到另一個 Component 中，創建靈活且可被重複使用的 Componen...
Template & Args 同一個元件的多個story function，都會重複的指定相同的Template，可以拉出一個共用 template...
在 module 匯入 HttpClientModule app.module.ts ------ import { HttpClientModule } fr...
馬達
‧
2018-11-09
本篇延續上篇的實作 components ，用商家管理的功能來說明 Container components 與 Presentational componen...
Parameter Parameter 是用來定義Stories的靜態metadata(解釋資料的資料)，Parameter能提供給不同的addon去做設定。...
Angular 團隊在 Angular 版本 19 中發布了 resource 和 rxResource 函數，以方便資料檢索。resource 的 loade...
之前一篇說明如何在本機端預覽Angular build後的結果，接下來要說明如何在GitHub Pages佈署Angular應用程式。 目前的環境： 需具備知識...
昨天幫我們用 Template Driven Forms 所撰寫的登入系統寫完單元測試之後，今天則是要來為它寫整合測試。 大家還記得整合測試的目標是要測什麼嗎...
前言 所有前端框架都會遇到一個共同的問題，就是資料與狀態如何在組件之間傳遞，根據元件之間不同的組合關係，大致可分類為父子，兄弟與沒有關係，在 Angular 中...
今天筆者要來分享一個超好用的 VSCode 擴充套件給大家： 這個擴充套件好用在哪裡呢？ 減少因打錯字所浪費的時間。 不用再自己搜尋指令或參數，它會幫你全部...
每日一句來源：Daily English The greatest glory in living lies not in never falling, bu...
Angular 提供一套很完整的工具去建立各種angular會使用到的元件稱為Angular CLI，只要簡單的指令就可以將Angular的環境建立起來，馬上就...
Rxjs 的問題 State 可以在任何地方改變 State 是多個的 處理 Http 是非常不清楚的 Redux 的流程圖 ngrx 的流程圖 參考...
今天我們要來為我們用 Reactive Forms 所撰寫的被保人表單寫單元測試，如果還沒有相關程式碼的朋友，趕快前往閱讀第十一天的文章： Reactive...
Decorators Decorator是一種設計模式，把要被裝飾的Story當做參數，傳入裝飾器中，Decorator可以幫Story加上額外的資訊，賦予給S...
貼心小語 上一篇我們提到如何監聽 Event，並從中取得 log 資訊，但如果要從交易的收據中取得 log 資訊該如何做呢？讓我們繼續看下去～ 收據裡的 lo...
新增一個 component angular cli 建立 component 網址https://github.com/angular/angular-cli...
馬達
‧
2018-10-29
AlanShun
Leo
Fandix
Connie
ABow_Chen
tonny0531
tso1158687
fansen
lala_lee_jobs
ShawnWu
TimTim
HAO
iThome鐵人賽
看影片追技術