SlideShare a Scribd company logo
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 頻道
感謝收看

More Related Content

What's hot (9)

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

More from 志龍 陳 (11)

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

Recently uploaded (20)

PPTX
3分钟读懂美国加利福尼亚大学尔湾分校毕业证((The University of California, Irvine毕业证书)最佳获取方法
iqmiusm9n
 
PPTX
3分钟读懂卧龙岗大学毕业证UOW毕业证【微信:BYZS866】
7l6mta5fe
 
PPTX
3分钟读懂加拿大英属哥伦比亚大学毕业证(University of British Columbia毕业证书)最佳获取方法
70u9aw0ff
 
PPTX
3分钟读懂西悉尼大学毕业证UWS毕业证【微信:BYZS866】
btsqpfmy
 
PPTX
美国毕业证(UCI毕业证书)加利福尼亚大学尔湾分校毕业证transcript信封
ysaab1
 
PDF
114分科測驗歷史試卷114分科測驗歷史試卷114分科測驗歷史試卷114分科測驗歷史試卷.pdf
ssuserd66db11
 
PPTX
3分钟读懂约翰斯·霍普金斯大学毕业证JHU毕业证【微信:BYZS866】
iqmiusm9n
 
PPTX
3分钟读懂加拿大劳瑞尔大学毕业证(Wilfrid Laurier University毕业证书)最佳获取方法
7l6mta5fe
 
PPTX
美国毕业证(GWU,GW毕业证书)乔治华盛顿大学毕业证国外本科学位证
ysaab1
 
PPT
The cross nation education experience.ppt
tobyliaosoftware
 
PPTX
3分钟读懂约翰斯·霍普金斯大学毕业证Hopkins毕业证【微信:BYZS866】
iqmiusm9n
 
PDF
杜克大学期末考试成绩修改 安全可靠的技术支持 标签 #杜克大学 #成绩修改 #黑客技术 #安全可靠 在杜克大学,成绩是评价你学术能力的重要指标。我们的...
【微信:VIPhuzhao】揭秘黑客如何利用漏洞篡改成绩数据黑客助力修改雅思考试成绩,快速提升你的语言能力 . 黑客助力帮你改考试成绩数据,黑客接单改分数,黑客改数据库成绩
 
PPTX
3分钟读懂查尔斯达尔文大学毕业证CDU毕业证最佳获取方法
guwztugnu
 
PPTX
3分钟读懂英国莱斯特大学毕业证(University of Leicester毕业证书)最佳获取方法
emztr6xgi
 
PPTX
学历认证宾夕法尼亚大学毕业证【微:153539019】UPenn毕业证学校原版
oxfazrdh
 
PPTX
英国学位证书,帝国理工学院毕业证学历认证Imperial College毕业证加急办理
nxebwu
 
PPTX
3分钟读懂英国劳伦森大学毕业证(Laurentian University毕业证书)最佳获取方法
gbydfzjjv
 
PPTX
3分钟读懂英国伯明翰大学学院毕业证(University College Birmingham毕业证书)最佳获取方法
yeom64vra
 
PPTX
3分钟读懂维多利亚大学毕业证UVic毕业证最佳获取方法
9sjrd6slz
 
PPTX
美国学位证书,加利福尼亚大学洛杉矶分校毕业证学历认证UCLA毕业证购买
kaozytf
 
3分钟读懂美国加利福尼亚大学尔湾分校毕业证((The University of California, Irvine毕业证书)最佳获取方法
iqmiusm9n
 
3分钟读懂卧龙岗大学毕业证UOW毕业证【微信:BYZS866】
7l6mta5fe
 
3分钟读懂加拿大英属哥伦比亚大学毕业证(University of British Columbia毕业证书)最佳获取方法
70u9aw0ff
 
3分钟读懂西悉尼大学毕业证UWS毕业证【微信:BYZS866】
btsqpfmy
 
美国毕业证(UCI毕业证书)加利福尼亚大学尔湾分校毕业证transcript信封
ysaab1
 
114分科測驗歷史試卷114分科測驗歷史試卷114分科測驗歷史試卷114分科測驗歷史試卷.pdf
ssuserd66db11
 
3分钟读懂约翰斯·霍普金斯大学毕业证JHU毕业证【微信:BYZS866】
iqmiusm9n
 
3分钟读懂加拿大劳瑞尔大学毕业证(Wilfrid Laurier University毕业证书)最佳获取方法
7l6mta5fe
 
美国毕业证(GWU,GW毕业证书)乔治华盛顿大学毕业证国外本科学位证
ysaab1
 
The cross nation education experience.ppt
tobyliaosoftware
 
3分钟读懂约翰斯·霍普金斯大学毕业证Hopkins毕业证【微信:BYZS866】
iqmiusm9n
 
杜克大学期末考试成绩修改 安全可靠的技术支持 标签 #杜克大学 #成绩修改 #黑客技术 #安全可靠 在杜克大学,成绩是评价你学术能力的重要指标。我们的...
【微信:VIPhuzhao】揭秘黑客如何利用漏洞篡改成绩数据黑客助力修改雅思考试成绩,快速提升你的语言能力 . 黑客助力帮你改考试成绩数据,黑客接单改分数,黑客改数据库成绩
 
3分钟读懂查尔斯达尔文大学毕业证CDU毕业证最佳获取方法
guwztugnu
 
3分钟读懂英国莱斯特大学毕业证(University of Leicester毕业证书)最佳获取方法
emztr6xgi
 
学历认证宾夕法尼亚大学毕业证【微:153539019】UPenn毕业证学校原版
oxfazrdh
 
英国学位证书,帝国理工学院毕业证学历认证Imperial College毕业证加急办理
nxebwu
 
3分钟读懂英国劳伦森大学毕业证(Laurentian University毕业证书)最佳获取方法
gbydfzjjv
 
3分钟读懂英国伯明翰大学学院毕业证(University College Birmingham毕业证书)最佳获取方法
yeom64vra
 
3分钟读懂维多利亚大学毕业证UVic毕业证最佳获取方法
9sjrd6slz
 
美国学位证书,加利福尼亚大学洛杉矶分校毕业证学历认证UCLA毕业证购买
kaozytf
 
Ad