Submit Search
Upload
Angular 從入門到實戰(三)
•
1 like
•
406 views
志
志龍 陳
Follow
此為六角線上直播「大神來六角」所用的投影片講義
Read less
Read more
Education
Report
Share
Report
Share
1 of 21
Download now
Download to read offline
Recommended
Angular從入門到實戰(二)
Angular從入門到實戰(二)
志龍 陳
Angular 從入門到實戰(四)
Angular 從入門到實戰(四)
志龍 陳
Schematics 實戰
Schematics 實戰
志龍 陳
Angular從入門到實戰(一)
Angular從入門到實戰(一)
志龍 陳
Angular Testing for Book Club Online of Angular Taiwan
Angular Testing for Book Club Online of Angular Taiwan
志龍 陳
Angular 深入淺出測試篇:新手入門
Angular 深入淺出測試篇:新手入門
志龍 陳
Angular 靜態網站產生器不求人:Scully 新手入門
Angular 靜態網站產生器不求人:Scully 新手入門
志龍 陳
AUGT 社群小聚 - Angular Optimize Performance NgZone 的原理與應用
AUGT 社群小聚 - Angular Optimize Performance NgZone 的原理與應用
Jeff Wu
Recommended
Angular從入門到實戰(二)
Angular從入門到實戰(二)
志龍 陳
Angular 從入門到實戰(四)
Angular 從入門到實戰(四)
志龍 陳
Schematics 實戰
Schematics 實戰
志龍 陳
Angular從入門到實戰(一)
Angular從入門到實戰(一)
志龍 陳
Angular Testing for Book Club Online of Angular Taiwan
Angular Testing for Book Club Online of Angular Taiwan
志龍 陳
Angular 深入淺出測試篇:新手入門
Angular 深入淺出測試篇:新手入門
志龍 陳
Angular 靜態網站產生器不求人:Scully 新手入門
Angular 靜態網站產生器不求人:Scully 新手入門
志龍 陳
AUGT 社群小聚 - Angular Optimize Performance NgZone 的原理與應用
AUGT 社群小聚 - Angular Optimize Performance NgZone 的原理與應用
Jeff Wu
Angular 深入淺出測試篇:E2E測試入門
Angular 深入淺出測試篇:E2E測試入門
志龍 陳
Angular 2 表單的處理與驗證
Angular 2 表單的處理與驗證
Jeff Wu
Angular 2 Taiwan 小聚 Forms 介紹
Angular 2 Taiwan 小聚 Forms 介紹
Jeff Wu
Angular 深入淺出測試篇:單元測試入門
Angular 深入淺出測試篇:單元測試入門
志龍 陳
Angular 深入淺出測試篇:整合測試入門
Angular 深入淺出測試篇:整合測試入門
志龍 陳
深入研究 Angular - phoebe pan
深入研究 Angular - phoebe pan
Phoebe Pan
Modern web 2020 - 使用 Nx 管理超大型前後端專案
Modern web 2020 - 使用 Nx 管理超大型前後端專案
升煌 黃
Jasmine
Jasmine
tb-vertical-guide
Open source的devops工具箱 公開版@coscup2016
Open source的devops工具箱 公開版@coscup2016
Kirk Chen
Angular Taiwan 2019 - 大型 Angular 專案的的管理心得與技巧
Angular Taiwan 2019 - 大型 Angular 專案的的管理心得與技巧
升煌 黃
Angular 原始碼探索之Signal 篇
Angular 原始碼探索之Signal 篇
志龍 陳
你所不知道的 DDD - 文件驅動開發
你所不知道的 DDD - 文件驅動開發
志龍 陳
這些年,我寫 Angular 時所使用的小技巧
這些年,我寫 Angular 時所使用的小技巧
志龍 陳
工程師必須具備的軟實力-產品思維
工程師必須具備的軟實力-產品思維
志龍 陳
工程師必須具備的軟實力-不管理時間的下場是被時間追殺
工程師必須具備的軟實力-不管理時間的下場是被時間追殺
志龍 陳
工程師必須具備的軟實力-其實溝通很簡單
工程師必須具備的軟實力-其實溝通很簡單
志龍 陳
工程師必備的軟實力之溝通其實很簡單
工程師必備的軟實力之溝通其實很簡單
志龍 陳
Angular 深入淺出表單篇:新手入門(三)
Angular 深入淺出表單篇:新手入門(三)
志龍 陳
Angular 深入淺出表單篇:新手入門(二)
Angular 深入淺出表單篇:新手入門(二)
志龍 陳
Angular 深入淺出表單篇:新手入門(一)
Angular 深入淺出表單篇:新手入門(一)
志龍 陳
澳洲圣母大学毕业证制作/加拿大硕士学历代办/购买一个假的中央警察大学硕士学位证书
澳洲圣母大学毕业证制作/加拿大硕士学历代办/购买一个假的中央警察大学硕士学位证书
kathrynalvarez364
日本姫路独协大学毕业证制作/修士学位记多少钱/哪里可以购买假美国圣何塞州立大学成绩单
日本姫路独协大学毕业证制作/修士学位记多少钱/哪里可以购买假美国圣何塞州立大学成绩单
kathrynalvarez364
More Related Content
What's hot
Angular 深入淺出測試篇:E2E測試入門
Angular 深入淺出測試篇:E2E測試入門
志龍 陳
Angular 2 表單的處理與驗證
Angular 2 表單的處理與驗證
Jeff Wu
Angular 2 Taiwan 小聚 Forms 介紹
Angular 2 Taiwan 小聚 Forms 介紹
Jeff Wu
Angular 深入淺出測試篇:單元測試入門
Angular 深入淺出測試篇:單元測試入門
志龍 陳
Angular 深入淺出測試篇:整合測試入門
Angular 深入淺出測試篇:整合測試入門
志龍 陳
深入研究 Angular - phoebe pan
深入研究 Angular - phoebe pan
Phoebe Pan
Modern web 2020 - 使用 Nx 管理超大型前後端專案
Modern web 2020 - 使用 Nx 管理超大型前後端專案
升煌 黃
Jasmine
Jasmine
tb-vertical-guide
Open source的devops工具箱 公開版@coscup2016
Open source的devops工具箱 公開版@coscup2016
Kirk Chen
Angular Taiwan 2019 - 大型 Angular 專案的的管理心得與技巧
Angular Taiwan 2019 - 大型 Angular 專案的的管理心得與技巧
升煌 黃
What's hot
(10)
Angular 深入淺出測試篇:E2E測試入門
Angular 深入淺出測試篇:E2E測試入門
Angular 2 表單的處理與驗證
Angular 2 表單的處理與驗證
Angular 2 Taiwan 小聚 Forms 介紹
Angular 2 Taiwan 小聚 Forms 介紹
Angular 深入淺出測試篇:單元測試入門
Angular 深入淺出測試篇:單元測試入門
Angular 深入淺出測試篇:整合測試入門
Angular 深入淺出測試篇:整合測試入門
深入研究 Angular - phoebe pan
深入研究 Angular - phoebe pan
Modern web 2020 - 使用 Nx 管理超大型前後端專案
Modern web 2020 - 使用 Nx 管理超大型前後端專案
Jasmine
Jasmine
Open source的devops工具箱 公開版@coscup2016
Open source的devops工具箱 公開版@coscup2016
Angular Taiwan 2019 - 大型 Angular 專案的的管理心得與技巧
Angular Taiwan 2019 - 大型 Angular 專案的的管理心得與技巧
More from 志龍 陳
Angular 原始碼探索之Signal 篇
Angular 原始碼探索之Signal 篇
志龍 陳
你所不知道的 DDD - 文件驅動開發
你所不知道的 DDD - 文件驅動開發
志龍 陳
這些年,我寫 Angular 時所使用的小技巧
這些年,我寫 Angular 時所使用的小技巧
志龍 陳
工程師必須具備的軟實力-產品思維
工程師必須具備的軟實力-產品思維
志龍 陳
工程師必須具備的軟實力-不管理時間的下場是被時間追殺
工程師必須具備的軟實力-不管理時間的下場是被時間追殺
志龍 陳
工程師必須具備的軟實力-其實溝通很簡單
工程師必須具備的軟實力-其實溝通很簡單
志龍 陳
工程師必備的軟實力之溝通其實很簡單
工程師必備的軟實力之溝通其實很簡單
志龍 陳
Angular 深入淺出表單篇:新手入門(三)
Angular 深入淺出表單篇:新手入門(三)
志龍 陳
Angular 深入淺出表單篇:新手入門(二)
Angular 深入淺出表單篇:新手入門(二)
志龍 陳
Angular 深入淺出表單篇:新手入門(一)
Angular 深入淺出表單篇:新手入門(一)
志龍 陳
More from 志龍 陳
(10)
Angular 原始碼探索之Signal 篇
Angular 原始碼探索之Signal 篇
你所不知道的 DDD - 文件驅動開發
你所不知道的 DDD - 文件驅動開發
這些年,我寫 Angular 時所使用的小技巧
這些年,我寫 Angular 時所使用的小技巧
工程師必須具備的軟實力-產品思維
工程師必須具備的軟實力-產品思維
工程師必須具備的軟實力-不管理時間的下場是被時間追殺
工程師必須具備的軟實力-不管理時間的下場是被時間追殺
工程師必須具備的軟實力-其實溝通很簡單
工程師必須具備的軟實力-其實溝通很簡單
工程師必備的軟實力之溝通其實很簡單
工程師必備的軟實力之溝通其實很簡單
Angular 深入淺出表單篇:新手入門(三)
Angular 深入淺出表單篇:新手入門(三)
Angular 深入淺出表單篇:新手入門(二)
Angular 深入淺出表單篇:新手入門(二)
Angular 深入淺出表單篇:新手入門(一)
Angular 深入淺出表單篇:新手入門(一)
Recently uploaded
澳洲圣母大学毕业证制作/加拿大硕士学历代办/购买一个假的中央警察大学硕士学位证书
澳洲圣母大学毕业证制作/加拿大硕士学历代办/购买一个假的中央警察大学硕士学位证书
kathrynalvarez364
日本姫路独协大学毕业证制作/修士学位记多少钱/哪里可以购买假美国圣何塞州立大学成绩单
日本姫路独协大学毕业证制作/修士学位记多少钱/哪里可以购买假美国圣何塞州立大学成绩单
kathrynalvarez364
1.🎉“入侵大学入学考试中心修改成绩”来袭!ALEVEL替考大揭秘,轻松搞定考试成绩! 💥你还在为无法进入大学招生系统而烦恼吗?想知道如何通过技术手段更改...
1.🎉“入侵大学入学考试中心修改成绩”来袭!ALEVEL替考大揭秘,轻松搞定考试成绩! 💥你还在为无法进入大学招生系统而烦恼吗?想知道如何通过技术手段更改...
黑客 接单【TG/微信qoqoqdqd】
日本九州齿科大学毕业证制作🚩定制本科卒业证书🚩哪里可以购买假美国西南基督复临安息日会大学成绩单
日本九州齿科大学毕业证制作🚩定制本科卒业证书🚩哪里可以购买假美国西南基督复临安息日会大学成绩单
jakepaige317
布莱德福德大学毕业证制作/英国本科学历如何认证/购买一个假的香港中文大学专业进修学院硕士学位证书
布莱德福德大学毕业证制作/英国本科学历如何认证/购买一个假的香港中文大学专业进修学院硕士学位证书
kathrynalvarez364
中国文学, 了解王安石变法,熙宁变法,熙盛变法- 中国古代改革的类型- 富国强兵,
中国文学, 了解王安石变法,熙宁变法,熙盛变法- 中国古代改革的类型- 富国强兵,
Xin Yun Teo
哪里可以购买日本筑波学院大学学位记/做个假的文凭可认证吗/仿制日本大学毕业证/意大利语CELI证书定制
哪里可以购买日本筑波学院大学学位记/做个假的文凭可认证吗/仿制日本大学毕业证/意大利语CELI证书定制
jakepaige317
educ6506presentationtc3302771-240427173057-06a46de5.pptx
educ6506presentationtc3302771-240427173057-06a46de5.pptx
mekosin001123
EDUC6506_ClassPresentation_TC330277 (1).pptx
EDUC6506_ClassPresentation_TC330277 (1).pptx
mekosin001123
EDUC6506(001)_ClassPresentation_2_TC330277 (1).pptx
EDUC6506(001)_ClassPresentation_2_TC330277 (1).pptx
mekosin001123
Recently uploaded
(10)
澳洲圣母大学毕业证制作/加拿大硕士学历代办/购买一个假的中央警察大学硕士学位证书
澳洲圣母大学毕业证制作/加拿大硕士学历代办/购买一个假的中央警察大学硕士学位证书
日本姫路独协大学毕业证制作/修士学位记多少钱/哪里可以购买假美国圣何塞州立大学成绩单
日本姫路独协大学毕业证制作/修士学位记多少钱/哪里可以购买假美国圣何塞州立大学成绩单
1.🎉“入侵大学入学考试中心修改成绩”来袭!ALEVEL替考大揭秘,轻松搞定考试成绩! 💥你还在为无法进入大学招生系统而烦恼吗?想知道如何通过技术手段更改...
1.🎉“入侵大学入学考试中心修改成绩”来袭!ALEVEL替考大揭秘,轻松搞定考试成绩! 💥你还在为无法进入大学招生系统而烦恼吗?想知道如何通过技术手段更改...
日本九州齿科大学毕业证制作🚩定制本科卒业证书🚩哪里可以购买假美国西南基督复临安息日会大学成绩单
日本九州齿科大学毕业证制作🚩定制本科卒业证书🚩哪里可以购买假美国西南基督复临安息日会大学成绩单
布莱德福德大学毕业证制作/英国本科学历如何认证/购买一个假的香港中文大学专业进修学院硕士学位证书
布莱德福德大学毕业证制作/英国本科学历如何认证/购买一个假的香港中文大学专业进修学院硕士学位证书
中国文学, 了解王安石变法,熙宁变法,熙盛变法- 中国古代改革的类型- 富国强兵,
中国文学, 了解王安石变法,熙宁变法,熙盛变法- 中国古代改革的类型- 富国强兵,
哪里可以购买日本筑波学院大学学位记/做个假的文凭可认证吗/仿制日本大学毕业证/意大利语CELI证书定制
哪里可以购买日本筑波学院大学学位记/做个假的文凭可认证吗/仿制日本大学毕业证/意大利语CELI证书定制
educ6506presentationtc3302771-240427173057-06a46de5.pptx
educ6506presentationtc3302771-240427173057-06a46de5.pptx
EDUC6506_ClassPresentation_TC330277 (1).pptx
EDUC6506_ClassPresentation_TC330277 (1).pptx
EDUC6506(001)_ClassPresentation_2_TC330277 (1).pptx
EDUC6506(001)_ClassPresentation_2_TC330277 (1).pptx
Angular 從入門到實戰(三)
1.
Angular 從入⾨到實戰 -
核⼼八元素(下)
2.
• 「Angular 深入淺出三⼗天」 •
「Angular Schematics 實戰三⼗天」 • Perkd Taiwan 陳志龍(Leo 李歐)
3.
• Directive • Service
& Dependency injection • Life Cycle Hooks • Q&A ⼤綱
4.
Directive
5.
Directive • 指令 • 結構型(structural)指令 新增、刪除或是取代
DOM 中的元素
6.
Directive • 指令 • 結構型(structural)指令 •
屬性型(attribute)指令 改變元素的外觀和⾏為
7.
Directive
8.
Directive Directive Directive [myDir] MyDirective
9.
Service & Dependency
injection
10.
Service & Dependency
injection • 服務 • 廣義來說,什麼都可以是Service • 狹義來說,有著專⾨⽤途的 Class
11.
• DI • 好像很厲害的⼀種設計模式 Service
& Dependency injection
12.
Service & Dependency
injection 注入器(injector) Hero ServiceService A Service DService C
13.
Service & Dependency
injection
14.
Service & Dependency
injection
15.
Service & Dependency
injection
16.
Life Cycle Hooks
17.
Life Cycle Hooks •
⽣命週期(鉤⼦) • 線上範例 • 官⽅⽂件
18.
Life Cycle Hooks Hook
Method 說明 ngOnChanges 當元件的任意 @Input() 屬性被設定後執⾏ 此⽅法會得到變更物件的⽬前值與先前的值 ngOnInit 當 Angular 已經初始化過所有 @Input() 屬性後執⾏ ngDoCheck 當 Angular 每次執⾏變更偵測時執⾏ (會影響效能) ngOnDestroy 當 Angular 要摧毀元件時執⾏ 建議在此處取消訂閱觀察者物件或刪除先前註冊過 的事件處裡器,以避免記憶體洩漏問題發⽣!
19.
Q&A
20.
相關連結 Angular Taiwan 臉書社團
Angular Taiwan 論壇 Angular Taiwan 線上讀書會社團 Angular Taiwan Youtube 頻道
21.
感謝收看
Download now