angular中使用路由和$location切換視圖
更新時間：2015年01月23日 09:49:01 投稿：hebedich
這篇文章主要介紹了angular中使用路由和$location切換視圖,需要的朋友可以參考下
我們可以利用angular的$route服務(wù)來定義這樣一種東西：對于瀏覽器所指向的特定URL，angular會加載并顯示一個模板，并實例化一個控制器為模板提供內(nèi)容。
在應(yīng)用中，你可以通過調(diào)用$routeProvider服務(wù)上的函數(shù)來創(chuàng)建路由，把需要創(chuàng)建的路由當(dāng)成一個配置塊傳給這些函數(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 ...);
});
方法很簡單，代碼也很簡潔，但是卻非常實用，希望小伙伴們能夠喜歡。
相關(guān)文章
這篇文章主要介紹了AngularJS實現(xiàn)的回到頂部指令功能,結(jié)合實例形式分析了AngularJS返回到頂部功能的具體步驟與相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2017-05-05
下面小編就為大家?guī)硪黄猘ngularjs中回車鍵觸發(fā)某一事件的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-04-04
本篇文章主要介紹了Angular4 ElementRef的應(yīng)用，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-02-02
Angular 4依賴注入學(xué)習(xí)教程之簡介（一）
依賴注入式AngularJS的重要特性之一，依賴注入簡化了Angular解析模塊/組件之間依賴的過程。下面這篇文章主要給大家介紹了關(guān)于Angular 4依賴注入基礎(chǔ)的相關(guān)資料，文中介紹的非常詳細(xì)，需要的朋友可以參考借鑒，下面來一起看看吧。2017-06-06
這篇文章主要介紹了由淺入深剖析Angular表單驗證 的相關(guān)資料,需要的朋友可以參考下2016-07-07
Angular.js 實現(xiàn)數(shù)字轉(zhuǎn)換漢字實例代碼
這篇文章主要介紹了Angular.js 實現(xiàn)數(shù)字轉(zhuǎn)換漢字實例代碼的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-07-07
如何利用@angular/cli V6.0直接開發(fā)PWA應(yīng)用詳解
這篇文章主要給大家介紹了如何利用@angular/cli V6.0直接開發(fā)PWA應(yīng)用的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家學(xué)習(xí)或者使用@angular/cli V6.0具有一定的參考學(xué)習(xí)價值，需要的朋友可以參考下2018-05-05
AngularJS教程之MVC體系結(jié)構(gòu)詳解
本文主要講解AngularJS MVC體系結(jié)構(gòu)，這里提供詳細(xì)的教程供大家學(xué)習(xí)參考，有需要的小伙伴可以參考下2016-08-08
AngularJS單選框及多選框?qū)崿F(xiàn)雙向動態(tài)綁定
這篇文章主要為大家詳細(xì)介紹了AngularJS單選框及多選框?qū)崿F(xiàn)雙向動態(tài)綁定的相關(guān)資料，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-01-01
教你用AngularJS框架一行JS代碼實現(xiàn)控件驗證效果
簡單來說Angular.js是google開發(fā)者設(shè)計和開發(fā)的一套前端開發(fā)框架，幫助你簡化前端開發(fā)的負(fù)擔(dān)。到底能簡化到什么程度呢，今天我們來看下，一行代碼實現(xiàn)控件驗證效果，有木有嚇尿？2014-06-06