原文地址:http://www.ncloud.hk/%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/angularjs-ui-router/
創(chuàng)新互聯(lián)憑借在網(wǎng)站建設(shè)、網(wǎng)站推廣領(lǐng)域領(lǐng)先的技術(shù)能力和多年的行業(yè)經(jīng)驗(yàn),為客戶提供超值的營銷型網(wǎng)站建設(shè)服務(wù),我們始終認(rèn)為:好的營銷型網(wǎng)站就是好的業(yè)務(wù)員。我們已成功為企業(yè)單位、個人等客戶提供了做網(wǎng)站、成都網(wǎng)站設(shè)計服務(wù),以良好的商業(yè)信譽(yù),完善的服務(wù)及深厚的技術(shù)力量處于同行領(lǐng)先地位。ui-router是angularjs的一個客戶端的單頁應(yīng)用路由解決方案,它提供了一種類似一個層次樹的狀態(tài)來方便的實(shí)現(xiàn)各個頁面間的跳轉(zhuǎn)。
Q:路由是怎么顯示各個模板?
當(dāng)ui-routr狀態(tài)被激活時,它的模板會自動插入到父狀態(tài)對應(yīng)的模板中包含ui-view屬性的元素內(nèi)部。如果是頂層狀態(tài),那么它的父模板就是index.html。
Q:激活路由狀態(tài)有三種方法:
1.調(diào)用$state.go()方法;
2.點(diǎn)擊包含ui-sref指令的鏈接;
3.導(dǎo)航到與狀態(tài)相關(guān)聯(lián)的 url。
使用ui-router的準(zhǔn)備工作:
(1)下載angular-ui-router.js
(2)在index.html中下載angular-ui-router.js
(3)把ui.router依賴注入
例:
var myApp =angular.module('myApp', ['ui.router']);
// For Component users, it should look like this:
// var myApp = angular.module('myApp', [require('angular-ui-router')]);
...
...