今天要介紹 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
沒有留言:
張貼留言