DocsPage 介紹 Storybook Docs 是預設的 Addons，不需要做設定就可以使用。它可以整合元件裡的Stories、文字描述、程式註解、參數...
Controls Addon 提供 Storybook 一個視覺化動態設定元件參數的方式，這樣就不需要寫程式重啟，也能發現元件的變化。 要使用 Control...
在上一張中介紹了 property binding 是用來將 Component 中的 property 綁定給 HTML Tag 的 property，還介紹...
前言 Reactive forms提供了一種model-driven的方法來處理表單中會隨時間變化的輸入（數據），本篇中介紹著如何控制與更新一個表單、使用多個f...
Story檔案放置位置 Component對應的Story檔案，通常會放置在Component檔案旁邊。Story只會用於開發時期，在Production的bu...
在現代網頁中常會使用一種稱為 single page application（SPA）的技術，可以通過顯示或隱藏特定的 component 來更改用戶看到的畫面...
介紹完什麼是 template 與 structuarl directive 後，接著回來介紹 component 中被跳過的章節，那就是動態仔入 compon...
簡單講 Directives 就是 指示 DOM 如何做操作，而其操作又區分為改變屬性以及針對 DOM 做操作例如: *ngIf <p *ngIf=&qu...
相信經過昨天的原理說明之後，大家一定迫不及待地想要趕快實作了！！ 廢話不囉嗦，不管你是要新開一個 Schematics 或是用原本的專案都行，筆者會用原本的專案...
昨天跟大家初步地分享了 Cypress 怎麼安裝、 Cypress 的資料夾結構 、 Cypress Test Runner 有哪些功能、和 Cypress...
由於在未來的專案有機會使用到 sweetalert2，所以就藉這個機會來介紹一下如何在 Angular 環境裡使用 sweetalert2。 安裝 sweeta...
什麼是測試？ 「想像一下現在你的面前有兩台飛機，一台從零件、製程到組裝都經過完整的測試，而另外一台僅經過飛行的測試，你會想要搭哪一台飛機？」 很多人以為測試...
響應式表單(Reactive Form)是Angular內建的表單模組。 為什麼需要響應式表單 以資料驅動(data driven)的方式關注表單的資料 關注...
筆者在 Day13 的時候有跟大家分享過 ng add 的原理與運作方式，而 ng update 雖然也是走同樣的路徑，只不過筆者覺得後者在後續處理上，跟其他的...
在介紹完 component 與 template 後，接著要來介紹什麼是 dierctive，可能在前面的章節中多多少少都有提到，但是可能都沒有詳細的講解過，...
前一篇談到了 Angular 版本如何更新的議題，今天依然討論跟版本相關的議題：如何在 Angular 專案中切換 Node.js 版本。 之所以想提出討論，是...
終於來到介紹Angular的尾聲。可能會產生一個疑問，為什麼不是在一開始的時候介紹Angular的架構，難道是架構不重要嗎？ 我的回答是：不，架構非常重要。但是...
經過了這段時間的練習與學習，相信大家應該越來越能體會 Angular 表單的強大與便利。 不過既然 Angular 表單這麼好用，如果能讓自己做的 Compo...
每日一句來源：Daily English The first and greatest victory is to conquer yourself; to...
貼心小語 上一篇我們設計了取得帳戶列表與區塊資訊，這一篇會來探討 web3.js 中一些 公用函式(Utility Functions)。 設置 Util 類...
經過三天樸實無華且枯燥的練習，相信大家一定都迫不及待想要開始學習更進一步的應用了，所以今天筆者就來分享一個比較具有實用性的應用吧！ 建立範本 雖然之前練習的時候...
今天我們要來為我們用 Template Driven Forms 所撰寫的登入系統寫單元測試，如果還沒有相關程式碼的朋友，趕快前往閱讀第二天的文章： Temp...
ngrx/store 之報告篇 今天開始 今天完成 今天目標：完成報告有關的 Action, Reducer, Effects, Selector 報告篇...
洋蔥
‧
2018-01-14
在默認情況下 NgModules 都是急切加載的，這意味著一但應用程式加載，所有的 NgModules 無論是否需要都會被載入，但對於許多大型的應用程式而言可以...
在第3天，我們介紹了Signal API、Computed Signal和Effect。今天，我們將介紹新用戶可能會遇到的Signal技巧和陷阱。 應用 equ...
前幾天大概講完了 Angular 的 Component 的基本功能與介紹，在很多例子中可以看到在 component.html 中使用了滿多沒看過的語法，比如...
貼心小語 上一篇我們初步將專案架構建置起來了，這一篇將會開始撰寫功能，並從 Government 與 Host 開始製作。 ComponentBase 在開始...
貼心小語 上一篇我們使用 Truffle 進行合約部署及函式庫連結，那麼在部署完之後當然要與合約進行互動，我們將使用 web3.js 來調用合約。 取得合約實...
準備要建立一個 Angular 的開發環境了，那我到底需要哪些家私呢？以下就來介紹一下： 1. 一台電腦（被揍飛 建議安裝的工具 以下是建議安裝的工具，當然如果...
上一篇中介紹完 Template-driven forms 後，接著再介紹 Angular 的另一種 form，那就是 Reactive forms，它提供了一...
lala_lee_jobs
Fandix
TimTim
Leo
ABow_Chen
tso1158687
AlanShun
HAO
Connie
iThome鐵人賽
看影片追技術