Controls Addon 提供 Storybook 一個視覺化動態設定元件參數的方式，這樣就不需要寫程式重啟，也能發現元件的變化。 要使用 Control...
今天我們要來為我們用 Reactive Forms 所撰寫的被保人表單寫單元測試，如果還沒有相關程式碼的朋友，趕快前往閱讀第十一天的文章： Reactive...
大家都說"工欲善其事必先利其器"，在我們發開 Angluar 時，必需了解一個非常好用的工具， "Angular CLI"...
貼心小語 上一篇完成了教育單位與企業單位的功能頁面，今天將會設計簡單的履歷頁面來呈現履歷資訊，衝呀～～～！!! 流程思考 我們當初在設計履歷合約的時候，有製作...
在2020年9月，我正式的從韌體工程師轉職成為一位前端工程師，在自學前端的時候我是選擇了 React 這個 Javascript 框架，做了幾個作品後投履歷面試...
Parameter Parameter 是用來定義Stories的靜態metadata(解釋資料的資料)，Parameter能提供給不同的addon去做設定。...
昨天我們已經將製作好的版型，套用到 Angular 的根元件 AppComponent，今天，我們就要來進行發行與部署 Angular 應用程式的流程。 首先，...
Decorators Decorator是一種設計模式，把要被裝飾的Story當做參數，傳入裝飾器中，Decorator可以幫Story加上額外的資訊，賦予給S...
Angular 中 Components 之間的傳遞資料的方式，就長得像下面這張圖。 Input() 裝飾器使用方式 @Input 的目的是確認資料綁定 in...
貼心小語 上一篇我們提到如何監聽 Event，並從中取得 log 資訊，但如果要從交易的收據中取得 log 資訊該如何做呢？讓我們繼續看下去～ 收據裡的 lo...
上一篇中介紹了如何使用 FormControl 建立單個表單控制元件，也介紹了如何使用 FormGroup 將多個相關控制元件分組到單個輸入表單中，可以讓複雜的...
昨天我們成功存取本地檔案，今天來試著連接遠端的 API。 我們先用 PostMan 測試一下創建帳號的 API: 確定API是可以動作的。body 這邊我們要...
Rxjs 的問題 State 可以在任何地方改變 State 是多個的 處理 Http 是非常不清楚的 Redux 的流程圖 ngrx 的流程圖 參考...
相信經過昨天的原理說明之後，大家一定迫不及待地想要趕快實作了！！ 廢話不囉嗦，不管你是要新開一個 Schematics 或是用原本的專案都行，筆者會用原本的專案...
昨天介紹了開始撰寫測試之前必須要知道的二三事之後，想必大家已經對如何開始撰寫測試有了一些概念，但測試不是「有拜有保佑」，有寫就好。所以我們除了要知道如何開始撰...
Emacs 對於 typescript 的設定 其實在前面寫 javascript 設定時，已經將後端 tsserver 設定完畢了，這裡只要加入 (add-h...
洋蔥
‧
2018-10-30
響應式表單(Reactive Form)是Angular內建的表單模組。 為什麼需要響應式表單 以資料驅動(data driven)的方式關注表單的資料 關注...
今天要來用 Template Driven Forms 的方式實作一個很簡易的動態表單，使用上有點像是保險業者的系統，可以新增多名被保人，也可以編輯與刪除被保...
在開發 Angular 應用程式時，會依照特定的規則（如是否為相同應用領域、或是否為一連串的作業流程等等）將元件分類至不同的模組。這一篇就來看如何定義與建立 A...
阿壹
‧
2020-09-19
簡述 列表中經常會遇到的問題大約幾下幾種： 當後台需要RWD，但欄位太多了，縮起來實在是太難看。 使用materia提供的MatPaginatorMod...
寫這一篇文章是為了整理目前使用專案所學習到的 Angular。想說順便鞭策自己整理筆記，加強學習效果，就報名參加了。因為沒什麼準備，每天都處在思考明天要寫什麼的...
需求: 表單Submit後需要從後端做 新增or修改,為避免User重複觸發,打算將Submit設計為 Observable,可以搭配Rxjs的exhaustM...
以下列出，啟動或是建置 Storybook 時，有哪些可以使用的 CLI Options。 start-storybook 啟動 Storybook Usage...
前言 開發專案前有些事情需要先確認， 使用相同的開發工具 例如要開發Java就使用 Eclipse，C#自然是用 Visual Studio，而當前最多前端...
貼心小語 上一篇我們將取得 Provider 的工作放在 ProviderService 中，並只使用單一實例，這一篇將會開始教各位怎麼取得帳戶資訊。 我們將...
昨天跟大家初步地分享了 Cypress 怎麼安裝、 Cypress 的資料夾結構 、 Cypress Test Runner 有哪些功能、和 Cypress...
先前我們在練習時，不管是直接使用程式碼還是使用範本，都是很純粹的產生出一個全新的檔案，然後將其擺到正確的地方。這只是學習 Schematics 的第一步，做為一...
在現代的網頁中絕大部分會需要與 server 互相溝通，無論是從 server 獲取商品的資料用於顯示在畫面中，還是畫面中的設定要儲存回 server 的設定都...
DocsPage 介紹 Storybook Docs 是預設的 Addons，不需要做設定就可以使用。它可以整合元件裡的Stories、文字描述、程式註解、參數...
在 Angular 的 Component 中有一個生命週期，當 Angular 實例化這個 Component 並且把它或他的 sub-component 呈...
lala_lee_jobs
Leo
Fandix
HAO
ABow_Chen
TimTim
fansen
tso1158687
Yating Chang
ShawnWu
iThome鐵人賽
看影片追技術