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
Claude Agent SDK を使ってみよう
hyshu
0
1.4k
3年ぶりにコードを書いた元CTOが Claude Codeと30分でMVPを作った話
maikokojima
0
630
CSC509 Lecture 07
javiergs
PRO
0
240
ALL CODE BASE ARE BELONG TO STUDY
uzulla
27
6.7k
組込みだけじゃない!TinyGo で始める無料クラウド開発入門
otakakot
2
370
AkarengaLT vol.38
hashimoto_kei
1
120
TransformerからMCPまで(現代AIを理解するための羅針盤)
mickey_kubo
7
5k
なんでRustの環境構築してないのにRust製のツールが動くの? / Why Do Rust-Based Tools Run Without a Rust Environment?
ssssota
14
45k
なぜGoのジェネリクスはこの形なのか? - Featherweight Goが明かす設計の核心
qualiarts
0
250
SwiftDataを使って10万件のデータを読み書きする
akidon0000
0
240
PHPに関数型の魂を宿す〜PHP 8.5 で実現する堅牢なコードとは〜 #phpcon_hiroshima / phpcon-hiroshima-2025
shogogg
1
330
CSC305 Lecture 10
javiergs
PRO
0
230
Featured
See All Featured
Visualization
eitanlees
149
16k
Building Flexible Design Systems
yeseniaperezcruz
329
39k
Producing Creativity
orderedlist
PRO
347
40k
Building Applications with DynamoDB
mza
96
6.7k
The Cost Of JavaScript in 2023
addyosmani
55
9.1k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
15k
Writing Fast Ruby
sferik
630
62k
Scaling GitHub
holman
463
140k
Build The Right Thing And Hit Your Dates
maggiecrowley
38
2.9k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
127
54k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.1k
Facilitating Awesome Meetings
lara
57
6.6k
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 :)