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 11

DAY11-Angular6之data binding-Class

Class binding (中文:類別繫結) class binding 讓你可以新增或移除 class名稱從一個 element 的 class attr...

2018-10-21 ‧ 由 馬達 分享
DAY 12

DAY12-Angular6之data binding-Style

Style binding (中文:樣式繫結) 你可以利用 style binding 設定內部 styles https://angular.io/guid...

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

DAY13-Angular6之data binding-Two-way data binding

Two-way data binding with ngModel (中文:使用 ngModel 的 雙向繫結) 當開發數據輸入表單時,通常都會顯示 data...

2018-10-23 ‧ 由 馬達 分享
DAY 14

DAY14-Angular6之樣板參考變數-實作

說明 在傳送值的過程,有時候會需要一些其他 element 的 properties,於是就用 JS 的 docoument.get... 去抓元素,直到一天我...

2018-10-24 ‧ 由 馬達 分享
DAY 15

DAY15-Angular6之表單

我的表單進化史 1.取得資料打包丟資料 最初看到表單,是使用 雙向綁定 的方式,取得和輸出資料,就可以將值打包成 json 傳給 伺服器 2.用事件去進行驗證...

2018-10-25 ‧ 由 馬達 分享
DAY 16

DAY16-Angular6之表單-Template-drive Forms

基礎 Template-drive Forms (中文:樣板驅動表單),裡面有四個要素,搞懂他們就可以完勝囉! form 裡面的 name [(hello)]...

2018-10-26 ‧ 由 馬達 分享
DAY 17

DAY17-Angular6之表單-Template-drive Forms 驗證

前情提要 ts ----- testValue = ''; html ----- [( ngModel )] = "testValue"...

2018-10-27 ‧ 由 馬達 分享
DAY 18

DAY18-Angular6之表單-簡易Reactive Form

前言 昨日上了 Kevin 大大的 Reactive Form ,發現假如有需要動態驗證、動態產生表單和比較複雜類型的表單狀況,使用 Reactive Form...

2018-10-28 ‧ 由 馬達 分享
DAY 19

DAY19-Angular6之實現父到子傳值

新增一個 component angular cli 建立 component 網址 https://github.com/angular/angular-cl...

2018-10-29 ‧ 由 馬達 分享
DAY 20

DAY20-Angular6之實現子上父

先備知識 EventEmitter(中文:事件發射器) 發射一個同步或非同步的自訂事件在 directives 和 components ,並註冊處理這些事件...

2018-10-30 ‧ 由 馬達 分享