angular中使用路由和$location切換視圖
更新時(shí)間：2015年01月23日 09:49:01 投稿：hebedich
這篇文章主要介紹了angular中使用路由和$location切換視圖,需要的朋友可以參考下
我們可以利用angular的$route服務(wù)來定義這樣一種東西：對(duì)于瀏覽器所指向的特定URL，angular會(huì)加載并顯示一個(gè)模板，并實(shí)例化一個(gè)控制器為模板提供內(nèi)容。
在應(yīng)用中，你可以通過調(diào)用$routeProvider服務(wù)上的函數(shù)來創(chuàng)建路由，把需要?jiǎng)?chuàng)建的路由當(dāng)成一個(gè)配置塊傳給這些函數(shù)即可。 偽代碼如下：
復(fù)制代碼 代碼如下:
var someModule = angular.module('somemodule',[...module dependencies...])
someModule.config(function($routeProvider){
$routeProvider.
when('url',{controller:aController,templateUrl:'/path/to/template'}).
when(...other...).
otherwise(...what to do ...);
});
方法很簡單，代碼也很簡潔，但是卻非常實(shí)用，希望小伙伴們能夠喜歡。
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了angular4自定義組件的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-09-09
Angular.js ng-file-upload結(jié)合springMVC的使用教程
這篇文章主要給大家介紹了關(guān)于Angular.js文件上傳控件ng-file-upload結(jié)合springMVC的使用教程，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起看看吧。2017-07-07
angular實(shí)現(xiàn)表單驗(yàn)證及提交功能
這篇文章主要為大家詳細(xì)介紹了angular實(shí)現(xiàn)表單驗(yàn)證及提交功能的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-02-02
Angular JS 生成動(dòng)態(tài)二維碼的方法
這篇文章主要介紹了Angular JS 生成動(dòng)態(tài)二維碼的方法,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2017-02-02
在angularJs中進(jìn)行數(shù)據(jù)遍歷的2種方法
今天小編就為大家分享一篇在angularJs中進(jìn)行數(shù)據(jù)遍歷的2種方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-10-10
不能不知道的10個(gè)angularjs英文學(xué)習(xí)網(wǎng)站
這篇文章主要為大家分享了10個(gè)大家不能不知道的angularjs英文網(wǎng)站，供大家學(xué)習(xí)，感興趣的小伙伴們可以參考一下2016-03-03
Angular通過指令動(dòng)態(tài)添加組件問題
這篇文章主要介紹了Angular通過指令動(dòng)態(tài)添加組件問題,文中通過寫一個(gè)小組件來簡單總結(jié)下，需要的朋友可以參考下2018-07-07
過濾器（filter）正如其名，作用就是接收一個(gè)輸入，通過某個(gè)規(guī)則進(jìn)行處理，然后返回處理后的結(jié)果。主要用在數(shù)據(jù)的格式化上，例如獲取一個(gè)數(shù)組中的子集，對(duì)數(shù)組中的元素進(jìn)行排序等2015-12-12
本文給大家分享Angularjs cookie 操作實(shí)例詳解，demo案例分析，感興趣的朋友參考下吧2017-09-09
詳解Angular組件數(shù)據(jù)不能實(shí)時(shí)更新到視圖上的問題
這篇文章主要為大家介紹了Angular組件數(shù)據(jù)不能實(shí)時(shí)更新到視圖上的問題詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-10-10