今天要來介紹如何使用Roting來切換頁面 透過Routing可以決定所要顯示的Page預設透過 Angular CLI 建立的為 app-routing.mo...
貼心小語 上一篇我們將取得 Provider 的工作放在 ProviderService 中，並只使用單一實例，這一篇將會開始教各位怎麼取得帳戶資訊。 我們將...
隨著自己開發的 Angular 專案越來越多，有時候難免會覺得自己好像一直在做重複的事，因此我們會開始試著將可以重複使用的模組拆成獨立的函式庫，就像是保哥的認識...
上一篇建立起響應式表單(Reactive Forms)，看起來和一般的表單沒有不一樣。這一篇將來實際應用，顯示響應式表單厲害之處。在開始之前，先介紹表單控制元件...
簡述 開始實作權限管理的功能模塊。 功能 管理者列表(換頁搜尋) 列表中更新管理者 用Dialog新增管理者 用子組件查看管理者 檔案結構 -src...
Angular Form Angular 的 Form 是目前框架最好使用的框架沒有之一．Angular 的 Form 最主要有 Reactive Form 跟...
貼心小語 上一篇我們把 Angular 、 MetaMask 、 BootStrap 以及 web3.js 都裝好了，這一篇會寫簡單的 Service 來取得錢...
當已經開發完自己的 Schematics 或是 Package 之後，最讓人期待跟興奮的事情就是將他公開到 npm 上讓大家使用！ 對於這件事情，其實大家不要覺...
現在打開任何一間求職網站，搜尋前端相關職缺，幾乎每間公司的職缺都會在求職條件或加分項目中提到目前的三大框架：React、Vue、Angular；或著也可以到...
了解 相依注入 Service 有時我們需要再多個components共享資料，例如上圖的 Applcation 架構中，想要共用LogService 以及U...
簡述 上篇導航到首頁成功後，我們可以先實做功能較小的用戶資訊功能模塊。 功能 User基本資訊 改變自己的登入密碼 檔案結構 -src |-app...
響應式表單(Reactive Form)是Angular內建的表單模組。 為什麼需要響應式表單 以資料驅動(data driven)的方式關注表單的資料 關注...
貼心小語 上一篇提到了 DApp 的概念及運作原理，其中我選擇使用 web3.js 以及 Angular 來開發，這篇將會一步一步把環境建置完畢。 Angul...
練習目標 今天的練習非常簡單，我們要利用 ng update 來改變 app.component.ts 裡， title 屬性的值。 雖然這個練習非常地陽春、簡...
簡述 列表中經常會遇到的問題大約幾下幾種： 很多功能模塊都會用到子組件，而在多數情況可能會有多個子組件，並且在列表中需重複點擊開關，需額外拉出一個class...
透過attribute directive，我們可以自行擴充元件的屬性，讓元件更富有變化． 在 Angular 中，Directive 分成3種： Comp...
上一篇提到如何使用Angular內建的管道。Angular內建的管道固然很實用，但是不能涵蓋全部的使用情境，如果沒有涵蓋到，就自己來定義一個管道吧 事前準備 h...
什麼是 DApp？ 全名是 去中心化應用程式(Decentralized Application, DApp) ，簡單來說就是後端使用區塊鏈技術的應用程式。跟採...
筆者在 Day13 的時候有跟大家分享過 ng add 的原理與運作方式，而 ng update 雖然也是走同樣的路徑，只不過筆者覺得後者在後續處理上，跟其他的...
了解 Angular Component 生命週期 在使用Angular Component時，可以在程式中針對 Angular 在運作程式時放入不同的 lif...
簡述 列表中經常會遇到的問題大約幾下幾種： 當後台需要RWD，但欄位太多了，縮起來實在是太難看。 使用materia提供的MatPaginatorMod...
經過上一篇複雜的路由設定，這一篇的主題要來比較輕鬆但是同樣很實用的主題-管道(pipe) 什麼是管道(pipe) 為什麼需要轉換資料 在目前為止，我們所做的事情...
相信經過昨天的原理說明之後，大家一定迫不及待地想要趕快實作了！！ 廢話不囉嗦，不管你是要新開一個 Schematics 或是用原本的專案都行，筆者會用原本的專案...
簡述 要進入到首頁之前，哪些模塊跟路由需要先設定。 檔案結構 -src |-app |-app.component.css |-app.co...
上一篇設定好路由模組的設定，這一篇要實際應用設定好的路由模組，來實際切換頁面，顯示英雄的資料。 資料一覽 目前英雄列表的資料格式為: { "sta...
還記得筆者在 Day02 - 要學打人，先學挨打 有提到過關於 ng add 的應用嗎？ 雖然我們都知道 ng add 可以幫我們新增某個 Library 或...
簡述 傳統常見的導航做法多半是麵包屑breadcrumb，但是在系統組織很多分層的結構下，光要多方對帳，可能會查證的比較辛苦，所以現在越來越多採 Tab 導航模...
到目前為止，我們所做的一切內容，都是做在首頁。現在要來做更多頁面來顯示英雄的細節資料 事前準備 在開始之前，先修改一下原本的英雄資料，多一個descriptio...
昨天筆者提到如何使用 TypeScript Compiler API 來修改檔案，但想必大家多少應該有感覺到，如果要從那一層又一層的資料結構中找到需要用的區塊，...
簡述 其實Menu的控制項取決於登入者的權限。 功能 以Demo來說，所有的頁面種類有以下： index 首頁 user 用戶管理 admin 權限管理 c...
TimTim
HAO
Leo
tso1158687
Yating Chang
Gary
iThome鐵人賽
看影片追技術