SlideShare ist ein Scribd-Unternehmen logo
1 von 22
Downloaden Sie, um offline zu lesen
Angular 從入⾨到實戰 - 路由
• 「Angular 深入淺出三⼗天」
• 「Angular Schematics 實戰三⼗天」
• Perkd Taiwan
陳志龍(Leo 李歐)
• 基礎路由
• 巢狀路由
• 延遲載入
• Q&A
⼤綱
基礎路由
基礎路由
• 什麼是路由?
Server
/
HTML
/archives/
HTML
www.hexschool.com
基礎路由
基礎路由
<router-outlet></router-outlet>
路由插座
基礎路由
基礎路由
基礎路由
基礎路由
預設路由
基礎路由
萬⽤路由+轉向路由
巢狀路由
巢狀路由
巢狀路由
巢狀路由
巢狀路由
• 路由設定有順序性問題!
延遲載入
延遲載入
Q&A
相關連結
Angular Taiwan 臉書社團 Angular Taiwan 論壇
Angular Taiwan 線上讀書會社團 Angular Taiwan Youtube 頻道
感謝收看

Weitere ähnliche Inhalte

Was ist angesagt?

Angular 2 表單的處理與驗證
Angular 2 表單的處理與驗證Angular 2 表單的處理與驗證
Angular 2 表單的處理與驗證Jeff Wu
 
Angular 深入淺出測試篇:E2E測試入門
Angular 深入淺出測試篇:E2E測試入門Angular 深入淺出測試篇:E2E測試入門
Angular 深入淺出測試篇:E2E測試入門志龍 陳
 
Angular 2 Taiwan 小聚 Forms 介紹
Angular 2 Taiwan 小聚 Forms 介紹Angular 2 Taiwan 小聚 Forms 介紹
Angular 2 Taiwan 小聚 Forms 介紹Jeff Wu
 
Angular 深入淺出測試篇:單元測試入門
Angular 深入淺出測試篇:單元測試入門Angular 深入淺出測試篇:單元測試入門
Angular 深入淺出測試篇:單元測試入門志龍 陳
 
楽しく学ぶ?API
楽しく学ぶ?API楽しく学ぶ?API
楽しく学ぶ?APItreby
 
Angular 深入淺出測試篇:整合測試入門
Angular 深入淺出測試篇:整合測試入門Angular 深入淺出測試篇:整合測試入門
Angular 深入淺出測試篇:整合測試入門志龍 陳
 
Kamigo reviews 20191127
Kamigo reviews 20191127Kamigo reviews 20191127
Kamigo reviews 20191127Jia Yu Lin
 
深入研究 Angular - phoebe pan
深入研究 Angular  - phoebe pan深入研究 Angular  - phoebe pan
深入研究 Angular - phoebe panPhoebe Pan
 
從前端設計的角度來看 Angular - TW2018 amos
從前端設計的角度來看 Angular - TW2018 amos從前端設計的角度來看 Angular - TW2018 amos
從前端設計的角度來看 Angular - TW2018 amosAmos Lee
 

Was ist angesagt? (9)

Angular 2 表單的處理與驗證
Angular 2 表單的處理與驗證Angular 2 表單的處理與驗證
Angular 2 表單的處理與驗證
 
Angular 深入淺出測試篇:E2E測試入門
Angular 深入淺出測試篇:E2E測試入門Angular 深入淺出測試篇:E2E測試入門
Angular 深入淺出測試篇:E2E測試入門
 
Angular 2 Taiwan 小聚 Forms 介紹
Angular 2 Taiwan 小聚 Forms 介紹Angular 2 Taiwan 小聚 Forms 介紹
Angular 2 Taiwan 小聚 Forms 介紹
 
Angular 深入淺出測試篇:單元測試入門
Angular 深入淺出測試篇:單元測試入門Angular 深入淺出測試篇:單元測試入門
Angular 深入淺出測試篇:單元測試入門
 
楽しく学ぶ?API
楽しく学ぶ?API楽しく学ぶ?API
楽しく学ぶ?API
 
Angular 深入淺出測試篇:整合測試入門
Angular 深入淺出測試篇:整合測試入門Angular 深入淺出測試篇:整合測試入門
Angular 深入淺出測試篇:整合測試入門
 
Kamigo reviews 20191127
Kamigo reviews 20191127Kamigo reviews 20191127
Kamigo reviews 20191127
 
深入研究 Angular - phoebe pan
深入研究 Angular  - phoebe pan深入研究 Angular  - phoebe pan
深入研究 Angular - phoebe pan
 
從前端設計的角度來看 Angular - TW2018 amos
從前端設計的角度來看 Angular - TW2018 amos從前端設計的角度來看 Angular - TW2018 amos
從前端設計的角度來看 Angular - TW2018 amos
 

Mehr von 志龍 陳

Angular 原始碼探索之Signal 篇
Angular 原始碼探索之Signal 篇Angular 原始碼探索之Signal 篇
Angular 原始碼探索之Signal 篇志龍 陳
 
你所不知道的 DDD - 文件驅動開發
你所不知道的 DDD - 文件驅動開發你所不知道的 DDD - 文件驅動開發
你所不知道的 DDD - 文件驅動開發志龍 陳
 
這些年,我寫 Angular 時所使用的小技巧
這些年,我寫 Angular 時所使用的小技巧這些年,我寫 Angular 時所使用的小技巧
這些年,我寫 Angular 時所使用的小技巧志龍 陳
 
工程師必須具備的軟實力-產品思維
工程師必須具備的軟實力-產品思維工程師必須具備的軟實力-產品思維
工程師必須具備的軟實力-產品思維志龍 陳
 
工程師必須具備的軟實力-不管理時間的下場是被時間追殺
工程師必須具備的軟實力-不管理時間的下場是被時間追殺工程師必須具備的軟實力-不管理時間的下場是被時間追殺
工程師必須具備的軟實力-不管理時間的下場是被時間追殺志龍 陳
 
工程師必須具備的軟實力-其實溝通很簡單
工程師必須具備的軟實力-其實溝通很簡單工程師必須具備的軟實力-其實溝通很簡單
工程師必須具備的軟實力-其實溝通很簡單志龍 陳
 
工程師必備的軟實力之溝通其實很簡單
工程師必備的軟實力之溝通其實很簡單工程師必備的軟實力之溝通其實很簡單
工程師必備的軟實力之溝通其實很簡單志龍 陳
 
Angular 深入淺出表單篇:新手入門(三)
Angular 深入淺出表單篇:新手入門(三)Angular 深入淺出表單篇:新手入門(三)
Angular 深入淺出表單篇:新手入門(三)志龍 陳
 
Angular 深入淺出表單篇:新手入門(二)
Angular 深入淺出表單篇:新手入門(二)Angular 深入淺出表單篇:新手入門(二)
Angular 深入淺出表單篇:新手入門(二)志龍 陳
 
Angular 深入淺出表單篇:新手入門(一)
Angular 深入淺出表單篇:新手入門(一)Angular 深入淺出表單篇:新手入門(一)
Angular 深入淺出表單篇:新手入門(一)志龍 陳
 

Mehr von 志龍 陳 (10)

Angular 原始碼探索之Signal 篇
Angular 原始碼探索之Signal 篇Angular 原始碼探索之Signal 篇
Angular 原始碼探索之Signal 篇
 
你所不知道的 DDD - 文件驅動開發
你所不知道的 DDD - 文件驅動開發你所不知道的 DDD - 文件驅動開發
你所不知道的 DDD - 文件驅動開發
 
這些年,我寫 Angular 時所使用的小技巧
這些年,我寫 Angular 時所使用的小技巧這些年,我寫 Angular 時所使用的小技巧
這些年,我寫 Angular 時所使用的小技巧
 
工程師必須具備的軟實力-產品思維
工程師必須具備的軟實力-產品思維工程師必須具備的軟實力-產品思維
工程師必須具備的軟實力-產品思維
 
工程師必須具備的軟實力-不管理時間的下場是被時間追殺
工程師必須具備的軟實力-不管理時間的下場是被時間追殺工程師必須具備的軟實力-不管理時間的下場是被時間追殺
工程師必須具備的軟實力-不管理時間的下場是被時間追殺
 
工程師必須具備的軟實力-其實溝通很簡單
工程師必須具備的軟實力-其實溝通很簡單工程師必須具備的軟實力-其實溝通很簡單
工程師必須具備的軟實力-其實溝通很簡單
 
工程師必備的軟實力之溝通其實很簡單
工程師必備的軟實力之溝通其實很簡單工程師必備的軟實力之溝通其實很簡單
工程師必備的軟實力之溝通其實很簡單
 
Angular 深入淺出表單篇:新手入門(三)
Angular 深入淺出表單篇:新手入門(三)Angular 深入淺出表單篇:新手入門(三)
Angular 深入淺出表單篇:新手入門(三)
 
Angular 深入淺出表單篇:新手入門(二)
Angular 深入淺出表單篇:新手入門(二)Angular 深入淺出表單篇:新手入門(二)
Angular 深入淺出表單篇:新手入門(二)
 
Angular 深入淺出表單篇:新手入門(一)
Angular 深入淺出表單篇:新手入門(一)Angular 深入淺出表單篇:新手入門(一)
Angular 深入淺出表單篇:新手入門(一)
 

Kürzlich hochgeladen

未毕业在线购买日本熊本县立大学学位记🏆学习成绩单电子版定制🏆克隆爱尔兰大学文凭🏆CFA证书定制
未毕业在线购买日本熊本县立大学学位记🏆学习成绩单电子版定制🏆克隆爱尔兰大学文凭🏆CFA证书定制未毕业在线购买日本熊本县立大学学位记🏆学习成绩单电子版定制🏆克隆爱尔兰大学文凭🏆CFA证书定制
未毕业在线购买日本熊本县立大学学位记🏆学习成绩单电子版定制🏆克隆爱尔兰大学文凭🏆CFA证书定制gravestomas0
 
日本九州齿科大学毕业证制作🚩定制本科卒业证书🚩哪里可以购买假美国西南基督复临安息日会大学成绩单
日本九州齿科大学毕业证制作🚩定制本科卒业证书🚩哪里可以购买假美国西南基督复临安息日会大学成绩单日本九州齿科大学毕业证制作🚩定制本科卒业证书🚩哪里可以购买假美国西南基督复临安息日会大学成绩单
日本九州齿科大学毕业证制作🚩定制本科卒业证书🚩哪里可以购买假美国西南基督复临安息日会大学成绩单jakepaige317
 
003 DSKP KSSR SEMAKAN 2017 BAHASA CINA TAHUN 3.pdf
003 DSKP KSSR SEMAKAN 2017 BAHASA CINA TAHUN 3.pdf003 DSKP KSSR SEMAKAN 2017 BAHASA CINA TAHUN 3.pdf
003 DSKP KSSR SEMAKAN 2017 BAHASA CINA TAHUN 3.pdfshanshanhui1
 
Grade 6 Lesson 7 Environment Protection.pptx
Grade 6 Lesson 7 Environment Protection.pptxGrade 6 Lesson 7 Environment Protection.pptx
Grade 6 Lesson 7 Environment Protection.pptxPriscilleXu
 
加急代办一个日本鹿儿岛纯心女子大学学位记🌈学习成绩单电子版定制🌈仿制荷兰大学毕业证🌈日语JLPT证书定制
加急代办一个日本鹿儿岛纯心女子大学学位记🌈学习成绩单电子版定制🌈仿制荷兰大学毕业证🌈日语JLPT证书定制加急代办一个日本鹿儿岛纯心女子大学学位记🌈学习成绩单电子版定制🌈仿制荷兰大学毕业证🌈日语JLPT证书定制
加急代办一个日本鹿儿岛纯心女子大学学位记🌈学习成绩单电子版定制🌈仿制荷兰大学毕业证🌈日语JLPT证书定制bairnshajjes
 
我了解到黑客在某些领域拥有卓越的技术能力,特别是在处理系统漏洞方面。在当前的情境下,如果我想要改变我的毕业成绩,他们的帮助或许是我唯一可行的选择。【微 t...
我了解到黑客在某些领域拥有卓越的技术能力,特别是在处理系统漏洞方面。在当前的情境下,如果我想要改变我的毕业成绩,他们的帮助或许是我唯一可行的选择。【微 t...我了解到黑客在某些领域拥有卓越的技术能力,特别是在处理系统漏洞方面。在当前的情境下,如果我想要改变我的毕业成绩,他们的帮助或许是我唯一可行的选择。【微 t...
我了解到黑客在某些领域拥有卓越的技术能力,特别是在处理系统漏洞方面。在当前的情境下,如果我想要改变我的毕业成绩,他们的帮助或许是我唯一可行的选择。【微 t...黑客 接单【TG/微信qoqoqdqd】
 
澳洲圣母大学毕业证制作/加拿大硕士学历代办/购买一个假的中央警察大学硕士学位证书
澳洲圣母大学毕业证制作/加拿大硕士学历代办/购买一个假的中央警察大学硕士学位证书澳洲圣母大学毕业证制作/加拿大硕士学历代办/购买一个假的中央警察大学硕士学位证书
澳洲圣母大学毕业证制作/加拿大硕士学历代办/购买一个假的中央警察大学硕士学位证书kathrynalvarez364
 
哪里可以购买日本神奈川县立保健福祉大学学位记/录取通知书可以制作吗/补办马来西亚大学文凭/CIA证书定制
哪里可以购买日本神奈川县立保健福祉大学学位记/录取通知书可以制作吗/补办马来西亚大学文凭/CIA证书定制哪里可以购买日本神奈川县立保健福祉大学学位记/录取通知书可以制作吗/补办马来西亚大学文凭/CIA证书定制
哪里可以购买日本神奈川县立保健福祉大学学位记/录取通知书可以制作吗/补办马来西亚大学文凭/CIA证书定制kathrynalvarez364
 
布莱德福德大学毕业证制作/英国本科学历如何认证/购买一个假的香港中文大学专业进修学院硕士学位证书
布莱德福德大学毕业证制作/英国本科学历如何认证/购买一个假的香港中文大学专业进修学院硕士学位证书布莱德福德大学毕业证制作/英国本科学历如何认证/购买一个假的香港中文大学专业进修学院硕士学位证书
布莱德福德大学毕业证制作/英国本科学历如何认证/购买一个假的香港中文大学专业进修学院硕士学位证书kathrynalvarez364
 
JAWAPAN BUKU AKTIVITI BAHASA CINA TAHUN 3.pptx
JAWAPAN BUKU AKTIVITI BAHASA CINA TAHUN 3.pptxJAWAPAN BUKU AKTIVITI BAHASA CINA TAHUN 3.pptx
JAWAPAN BUKU AKTIVITI BAHASA CINA TAHUN 3.pptxCHANSUITNEEMoe
 

Kürzlich hochgeladen (10)

未毕业在线购买日本熊本县立大学学位记🏆学习成绩单电子版定制🏆克隆爱尔兰大学文凭🏆CFA证书定制
未毕业在线购买日本熊本县立大学学位记🏆学习成绩单电子版定制🏆克隆爱尔兰大学文凭🏆CFA证书定制未毕业在线购买日本熊本县立大学学位记🏆学习成绩单电子版定制🏆克隆爱尔兰大学文凭🏆CFA证书定制
未毕业在线购买日本熊本县立大学学位记🏆学习成绩单电子版定制🏆克隆爱尔兰大学文凭🏆CFA证书定制
 
日本九州齿科大学毕业证制作🚩定制本科卒业证书🚩哪里可以购买假美国西南基督复临安息日会大学成绩单
日本九州齿科大学毕业证制作🚩定制本科卒业证书🚩哪里可以购买假美国西南基督复临安息日会大学成绩单日本九州齿科大学毕业证制作🚩定制本科卒业证书🚩哪里可以购买假美国西南基督复临安息日会大学成绩单
日本九州齿科大学毕业证制作🚩定制本科卒业证书🚩哪里可以购买假美国西南基督复临安息日会大学成绩单
 
003 DSKP KSSR SEMAKAN 2017 BAHASA CINA TAHUN 3.pdf
003 DSKP KSSR SEMAKAN 2017 BAHASA CINA TAHUN 3.pdf003 DSKP KSSR SEMAKAN 2017 BAHASA CINA TAHUN 3.pdf
003 DSKP KSSR SEMAKAN 2017 BAHASA CINA TAHUN 3.pdf
 
Grade 6 Lesson 7 Environment Protection.pptx
Grade 6 Lesson 7 Environment Protection.pptxGrade 6 Lesson 7 Environment Protection.pptx
Grade 6 Lesson 7 Environment Protection.pptx
 
加急代办一个日本鹿儿岛纯心女子大学学位记🌈学习成绩单电子版定制🌈仿制荷兰大学毕业证🌈日语JLPT证书定制
加急代办一个日本鹿儿岛纯心女子大学学位记🌈学习成绩单电子版定制🌈仿制荷兰大学毕业证🌈日语JLPT证书定制加急代办一个日本鹿儿岛纯心女子大学学位记🌈学习成绩单电子版定制🌈仿制荷兰大学毕业证🌈日语JLPT证书定制
加急代办一个日本鹿儿岛纯心女子大学学位记🌈学习成绩单电子版定制🌈仿制荷兰大学毕业证🌈日语JLPT证书定制
 
我了解到黑客在某些领域拥有卓越的技术能力,特别是在处理系统漏洞方面。在当前的情境下,如果我想要改变我的毕业成绩,他们的帮助或许是我唯一可行的选择。【微 t...
我了解到黑客在某些领域拥有卓越的技术能力,特别是在处理系统漏洞方面。在当前的情境下,如果我想要改变我的毕业成绩,他们的帮助或许是我唯一可行的选择。【微 t...我了解到黑客在某些领域拥有卓越的技术能力,特别是在处理系统漏洞方面。在当前的情境下,如果我想要改变我的毕业成绩,他们的帮助或许是我唯一可行的选择。【微 t...
我了解到黑客在某些领域拥有卓越的技术能力,特别是在处理系统漏洞方面。在当前的情境下,如果我想要改变我的毕业成绩,他们的帮助或许是我唯一可行的选择。【微 t...
 
澳洲圣母大学毕业证制作/加拿大硕士学历代办/购买一个假的中央警察大学硕士学位证书
澳洲圣母大学毕业证制作/加拿大硕士学历代办/购买一个假的中央警察大学硕士学位证书澳洲圣母大学毕业证制作/加拿大硕士学历代办/购买一个假的中央警察大学硕士学位证书
澳洲圣母大学毕业证制作/加拿大硕士学历代办/购买一个假的中央警察大学硕士学位证书
 
哪里可以购买日本神奈川县立保健福祉大学学位记/录取通知书可以制作吗/补办马来西亚大学文凭/CIA证书定制
哪里可以购买日本神奈川县立保健福祉大学学位记/录取通知书可以制作吗/补办马来西亚大学文凭/CIA证书定制哪里可以购买日本神奈川县立保健福祉大学学位记/录取通知书可以制作吗/补办马来西亚大学文凭/CIA证书定制
哪里可以购买日本神奈川县立保健福祉大学学位记/录取通知书可以制作吗/补办马来西亚大学文凭/CIA证书定制
 
布莱德福德大学毕业证制作/英国本科学历如何认证/购买一个假的香港中文大学专业进修学院硕士学位证书
布莱德福德大学毕业证制作/英国本科学历如何认证/购买一个假的香港中文大学专业进修学院硕士学位证书布莱德福德大学毕业证制作/英国本科学历如何认证/购买一个假的香港中文大学专业进修学院硕士学位证书
布莱德福德大学毕业证制作/英国本科学历如何认证/购买一个假的香港中文大学专业进修学院硕士学位证书
 
JAWAPAN BUKU AKTIVITI BAHASA CINA TAHUN 3.pptx
JAWAPAN BUKU AKTIVITI BAHASA CINA TAHUN 3.pptxJAWAPAN BUKU AKTIVITI BAHASA CINA TAHUN 3.pptx
JAWAPAN BUKU AKTIVITI BAHASA CINA TAHUN 3.pptx