今天要介紹 routing中的 url 及templateUrl,簡單的說就是在url上的網址會對應到的那一個template page。
以下圖為例,要到friends的畫面,所以在url的設計上為/friends,而內容的呈現的部份會載入 tab-friends.html
清單的呈現方式,是使用 angularJS 中的 ng-repeat 來操作,List 中的每一個row在點擊後可導頁到friend detail的部份,所以 使用 href link的方式來操作即可
click之後就可以進入到 friends 的detail畫面了,也就是 friend-detail
在url的routing 為 /friend/:friendId
以上簡單介紹 angular routing 的方式,接下來會有一連續的 Step By Step 來做出一個小Project
routing 細節可以參考 https://github.com/angular-ui/ui-router