今天我們要來為我們用 Reactive Forms 所撰寫的登入系統寫單元測試,如果還沒有相關程式碼的朋友,趕快前往閱讀第三天的文章: Reactive Fo...
DocsPage 介紹 Storybook Docs 是預設的 Addons,不需要做設定就可以使用。它可以整合元件裡的Stories、文字描述、程式註解、參數...
貼心小語 上一篇我們能夠去取得交易及收據的資訊,這一篇將會透過 web3.js 來發起交易,算是蠻重要的一個功能! 參數格式 web3.js 發起交易的函式需...
Naming components 修改一下Story檔案,對應於Component的Title名稱(default export區塊),就會發現Sidebar...
一個網站要吸引人,除了要有適當的排版,還要有吸引人的文字與豐富的動畫,讓人的目光不由自主地佇足想要瀏覽。 首頁可以說是一個網站的門面,好的首頁會讓人想要繼續看下...
還記得筆者在 Day02 - 要學打人,先學挨打 有提到過關於 ng add 的應用嗎? 雖然我們都知道 ng add 可以幫我們新增某個 Library 或...
每日一句來源:Daily English No spring nor summer beauty hath such grace, as I have see...
終於來到介紹Angular的尾聲。可能會產生一個疑問,為什麼不是在一開始的時候介紹Angular的架構,難道是架構不重要嗎? 我的回答是:不,架構非常重要。但是...
今天的練習基本上跟前一篇非常類似,不過就只是將主角從 React 換成了 Vue ,大體上沒有太大的改變。 但是魔鬼藏在細節裡,且為了不是每天文章都會仔細閱讀的...
前幾天大概講完了 Angular 的 Component 的基本功能與介紹,在很多例子中可以看到在 component.html 中使用了滿多沒看過的語法,比如...
由於在未來的專案有機會使用到 sweetalert2,所以就藉這個機會來介紹一下如何在 Angular 環境裡使用 sweetalert2。 安裝 sweeta...
在現代網頁中常會使用一種稱為 single page application(SPA)的技術,可以通過顯示或隱藏特定的 component 來更改用戶看到的畫面...
Angular [目標] 進入系統>>登入>>首頁 1. VSCode 撰寫 appapp.module.ts impor...
玩了幾天的 Schematics ,不曉得大家有沒有發現一個問題:為什麼當我們在 Angular 專案裡使用 ng generate 的指令時,Angular...
Angular 提供一套很完整的工具去建立各種angular會使用到的元件稱為Angular CLI,只要簡單的指令就可以將Angular的環境建立起來,馬上就...
介紹完什麼是 template 與 structuarl directive 後,接著回來介紹 component 中被跳過的章節,那就是動態仔入 compon...
在默認情況下 NgModules 都是急切加載的,這意味著一但應用程式加載,所有的 NgModules 無論是否需要都會被載入,但對於許多大型的應用程式而言可以...
整理 Angular Material 到(2018/11/15)前的模組列表 Angular Material 共 35 個 Angular Material...
當已經開發完自己的 Schematics 或是 Package 之後,最讓人期待跟興奮的事情就是將他公開到 npm 上讓大家使用! 對於這件事情,其實大家不要覺...
之前一篇說明如何在本機端預覽Angular build後的結果,接下來要說明如何在GitHub Pages佈署Angular應用程式。 目前的環境: 需具備知識...
貼心小語 上一篇我們學會了 web3.js 的 util 函式,這一篇將會設計取得交易及收據的方法。 取得交易 有時候可能會需要來看交易的內容,比如說: ha...
準備要建立一個 Angular 的開發環境了,那我到底需要哪些家私呢?以下就來介紹一下: 1. 一台電腦(被揍飛 建議安裝的工具 以下是建議安裝的工具,當然如果...
今天筆者要來分享一個超好用的 VSCode 擴充套件給大家: 這個擴充套件好用在哪裡呢? 減少因打錯字所浪費的時間。 不用再自己搜尋指令或參數,它會幫你全部...
練習目標 React 有個套件叫做 reactstrap ,它可以讓開發者在 React 專案裡很方便的去使用 Bootstrap 的元件。 而安裝 react...
在上一篇中介紹了如何透過 router 傳遞參數,也介紹了怎麼建立嵌套的 route 等等,在本篇中要繼續介紹 Angular route 的其他好用的用法與功...
什麼是 firebase storage storage 是 firebase 所提供的儲存服務,可以想像是 firebase 版本的雲端硬碟,只不過還加上許...
在上一張中介紹了 property binding 是用來將 Component 中的 property 綁定給 HTML Tag 的 property,還介紹...
先備知識 路由用在哪裡?根據網址替換頁面,換 component router-outlet ,會讓 路由分配並顯示 component 內容 部屬 路由需要的...
前一篇談到了 Angular 版本如何更新的議題,今天依然討論跟版本相關的議題:如何在 Angular 專案中切換 Node.js 版本。 之所以想提出討論,是...
貼心小語 上一篇成功透過 web3.js 來呼叫合約中的函式。我們之前設計的函式只要會變更狀態變數的操作都會記錄 log ,也就是觸發 event ,那要怎麼去...