呼~~終於寫完所有躲在瀏覽器後面的東西了，現在我們已經架好了主機、佈好了 API 程式、裝好了 MySQL，就只差前端頁面了。從今天開始，我們就要開始一步一步做...
筆者在 Day13 的時候有跟大家分享過 ng add 的原理與運作方式，而 ng update 雖然也是走同樣的路徑，只不過筆者覺得後者在後續處理上，跟其他的...
每日一句來源：Daily English As I began to love myself, I found that anguish and emotio...
經過三天樸實無華且枯燥的練習，相信大家一定都迫不及待想要開始學習更進一步的應用了，所以今天筆者就來分享一個比較具有實用性的應用吧！ 建立範本 雖然之前練習的時候...
每日一句來源：Daily English The greatest glory in living lies not in never falling, bu...
元件(component)從建立到銷毀的一整個生命週期當中，會經歷數個階段。 Angular提供了lifecycle hooks，讓我們可以藉由對應每個生命周期...
在上一篇中提到了如何建立與使用一個 Service，也大概介紹了什麼是 Dependency Injection，在介紹使用 @Injectable() 裝飾...
Template variable 可以讓你在 template 的任意一處使用被標記過的 HTML 元件的數據，例如響應使用者的輸入或微調應用程序的表單，簡單...
在日常生活中，大家應該滿常看到有些系統的搜尋輸入框是可以在一邊打字的同時，一邊將搜尋結果呈現在一個下拉選單裡，非常地貼心且方便。 當然，這其中其實有很多細節，...
貼心小語 上一篇我們使用 Truffle 進行合約部署及函式庫連結，那麼在部署完之後當然要與合約進行互動，我們將使用 web3.js 來調用合約。 取得合約實...
今天我們要來為我們用 Template Driven Forms 所撰寫的登入系統寫單元測試，如果還沒有相關程式碼的朋友，趕快前往閱讀第二天的文章： Temp...
我們了解到 Angular app 是由無數個大大小小的 Component 所組成的，所以就會常常需要使用將 Component 嵌套，一個大個 Compon...
Template & Args 同一個元件的多個story function，都會重複的指定相同的Template，可以拉出一個共用 template...
ngrx/store 之報告篇 今天開始 今天完成 今天目標：完成報告有關的 Action, Reducer, Effects, Selector 報告篇...
洋蔥
‧
2018-01-14
貼心小語 上一篇我們初步將專案架構建置起來了，這一篇將會開始撰寫功能，並從 Government 與 Host 開始製作。 ComponentBase 在開始...
用 Storybook 搭配測試方法，從元件開發到完成整個專案，可以增加開發者的信心，不會擔心改A錯B的狀況發生，因為從邏輯面及UI面都能被完整的測試到。 單元...
前言 國際化 （i18n） 是一個過程，用於對你的應用進行設計和準備以便在全球不同地區使用。本地化是指為不同的本地環境建構應用版本的過程，包括提取用於翻譯成不同...
Two-way data binding with ngModel (中文：使用 ngModel 的 雙向繫結) 當開發數據輸入表單時，通常都會顯示 data...
馬達
‧
2018-10-23
貼心小語 上一篇我們設計了取得帳戶列表與區塊資訊，這一篇會來探討 web3.js 中一些 公用函式(Utility Functions)。 設置 Util 類...
本篇中將介紹 Angular 的 property binding 與 event binding，property binding 可以讓你設置 HTML T...
前言 Reactive forms提供了一種model-driven的方法來處理表單中會隨時間變化的輸入（數據），本篇中介紹著如何控制與更新一個表單、使用多個f...
昨天我們的 Component 只有簡簡單單的一行 “ironman works!” 其他啥都沒有。今天，我們就來替他加點東西，讓它顯示資料。首先我們先在 ir...
新增一個 component angular cli 建立 component 網址https://github.com/angular/angular-cli...
馬達
‧
2018-10-29
MDX 若要更詳細的整理 Storybook 文件，可以使用 Markdown 語法搭配 JSX 的格式 - MDX。 有二種使用 MDX 方法 Story...
昨天跟大家分享了自訂表單元件的作法，但昨天的作法只適用於一個欄位、一個 FormControl 。 雖然 FormControl 裡是可以設 {} 的值，但如...
PWA 就是一個很像 Native App 的 Web App，而其中瀏覽器的支援也佔了很大的一部分。 目前最新的瀏覽器開始支援 Service Worker...
瞭解了這麼多Angular與Nestjs的相關知識之後，再來要想辦法將一個前端與一個後端融合在一起。 如何融合 要如何融合在一起呢?預計要做以下幾件事情 An...
大家在日常生活中，應該看過滿多表單的某個欄位會隨著另個欄位的改變，而造成該欄位的驗證邏輯需要改變的情況吧？ 舉例來說，可能會有個欄位叫做聯絡資訊，使用者可以選...
昨天幫我們用 Template Driven Forms 所撰寫的登入系統寫完單元測試之後，今天則是要來為它寫整合測試。 大家還記得整合測試的目標是要測什麼嗎...
在 module 匯入 HttpClientModule app.module.ts ------ import { HttpClientModule } fr...
馬達
‧
2018-11-09
goattl
Leo
AlanShun
Fandix
HAO
lala_lee_jobs
ShawnWu
TimTim
tso1158687
iThome鐵人賽
看影片追技術