Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Angular New Router
Search
Tomoyuki Kashiro
April 09, 2015
Programming
2
180
Angular New Router
Tomoyuki Kashiro
April 09, 2015
Tweet
Share
Other Decks in Programming
See All in Programming
Flutterで備える!Accessibility Nutrition Labels完全ガイド
yuukiw00w
0
140
プロダクト志向なエンジニアがもう一歩先の価値を目指すために意識したこと
nealle
0
120
新メンバーも今日から大活躍!SREが支えるスケールし続ける組織のオンボーディング
honmarkhunt
3
1.3k
たった 1 枚の PHP ファイルで実装する MCP サーバ / MCP Server with Vanilla PHP
okashoi
1
220
ペアプロ × 生成AI 現場での実践と課題について / generative-ai-in-pair-programming
codmoninc
1
2.8k
0626 Findy Product Manager LT Night_高田スライド_speaker deck用
mana_takada
0
140
ソフトウェア品質を数字で捉える技術。事業成長を支えるシステム品質の マネジメント
takuya542
1
2.4k
エンジニア向け採用ピッチ資料
inusan
0
180
『自分のデータだけ見せたい!』を叶える──Laravel × Casbin で複雑権限をスッキリ解きほぐす 25 分
akitotsukahara
2
610
Azure AI Foundryではじめてのマルチエージェントワークフロー
seosoft
0
150
LINEヤフー データグループ紹介
lycorp_recruit_jp
0
1.8k
PHPでWebSocketサーバーを実装しよう2025
kubotak
0
260
Featured
See All Featured
4 Signs Your Business is Dying
shpigford
184
22k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.4k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
500
Rails Girls Zürich Keynote
gr2m
94
14k
Optimising Largest Contentful Paint
csswizardry
37
3.3k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.5k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.7k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
2.8k
Transcript
ANGULAR NEW ROUTER
TOMOYUKI KASHIRO Twitter : @Tkashiro Github : @kashiro Freelance Web
Front-end Developer
http://goo.gl/MpnOiM
BASIC USAGE
DIRECTORY There is no way to change components (html and
javascript) path in the settings.
CONTROLLER app.js
COMPONENTS component/home/home.js
COMPONENTS component/home/home.html
HTML index.html ng-link=“home” : href=“/“ ng-link=“detail({id: ‘hoge’})” : href=“/detail/hoge“
NG-LINK
RESULT
SIBLING USAGE
SETTING Navigation Area Contents Area
/index.html Home Nav Home Contents
/detail/index.html Detail Nav Detail Contents
RESULT LEFT CONTENT RIGHT CONTENT
RESULT
HTML index.html
CONTROLLER
RESULT
OTHER USAGE
LIFE CYCLE HOOK You can hook routing life cycle (
e.g. activate / deactivate ) • Activate : useful to check login status • Deactivate : useful to check input validation
SUMMARY
• still have some inconvenient things. • new router is
still developing… • It will be useful to controlling routing. i think. • Let’s contribute :)