iT邦幫忙

鐵人檔案

2019 iT 邦幫忙鐵人賽
回列表
Modern Web

Angular初期筆記 系列

-文件配置介紹 (2篇)
-關鍵字 搭配 官方文件介紹 (8篇)
-實作範例和Code (指令應用2-4篇、傳值2篇、pipe 1篇、常用Json實作1-2篇、HttpClient2-4篇)
-Angular 風格指引(3篇)
-RxJs 初期應用(介紹1篇、挑自己未實作運算子實作4篇)
-TypeScript 初期應用(介紹1篇、挑自己未實作的關鍵字實作2篇)
-結語 (1篇)

鐵人鍊成 | 共 30 篇文章 | 30 人訂閱 訂閱系列文 RSS系列文
DAY 21

DAY21-Angular6之pipe

基本說明 pipe 基本上就是值的轉換 下圖是在官網查詢 pipe 的所有項目https://angular.io/api?type=pipe     Cur...

2018-10-31 ‧ 由 馬達 分享
DAY 22

DAY22-Angular6之路由-簡單實作

先備知識 路由用在哪裡? 根據網址替換頁面,換 component router-outlet ,會讓 路由分配並顯示 component 內容 部屬 路由需要...

2018-11-01 ‧ 由 馬達 分享
DAY 23

DAY23-Angular6之路由-再上一層樓

先說說有路由守衛 當需要路由守衛,用於判別可否進入該路由,關鍵字:canActivate,下面都是好文章,快去爬文吧!ㄜ~先把下面的看完再走! https://...

2018-11-02 ‧ 由 馬達 分享
DAY 24

DAY24-Angular6之Array 說明

基本說明 當把資料接收回來,就應該要開始處理他們了, JS 世界中較常遇到的資料有 Json Object Array Json 在JS中是以字串格式呈現,...

2018-11-03 ‧ 由 馬達 分享
DAY 25

DAY25-Angular6之Array 彙整表

說明 集合目前看到的 Array 寫成自己版本 陣列方法名稱 用途(原陣列有改變) 回傳 原陣列會被修改項目 原陣列.fill(填入值)...

2018-11-04 ‧ 由 馬達 分享
DAY 26

DAY26-Angular6之RxJS初介紹

對RxJS的想法 RxJS基本是「有流程處理資料的方法集合」,從包裝到加工最後輸出,對於 Angular 來說是必備的(像 HttpClient 也會用到),原...

2018-11-05 ‧ 由 馬達 分享
DAY 27

DAY27-Angular6之RxJS-實作1

of 轉換 個別參數 成為 observable 序列 https://rxjs-dev.firebaseapp.com/api/index/function...

2018-11-06 ‧ 由 馬達 分享
DAY 28

DAY28-Angular6之RxJS-實作2

Subject Subject 是一種特殊類型的 Observable,它允許將值 傳播 到許多 Observable。Subjects 就像 EventEm...

2018-11-07 ‧ 由 馬達 分享
DAY 29

DAY29-Angular6之 HttpClient 基礎說明

HttpClient 啟用 app.module.ts ----- import { HttpClient, HttpHeaders } from '@angu...

2018-11-08 ‧ 由 馬達 分享
DAY 30

DAY30-Angular6之 HttpClient 實作

在 module 匯入 HttpClientModule app.module.ts ------ import { HttpClientModule } fr...

2018-11-09 ‧ 由 馬達 分享