老生常談angularjs中的$state.go
更新時(shí)間：2017年04月24日 09:06:18 投稿：jingxian
下面小編就為大家?guī)?lái)一篇老生常談angularjs中的$state.go。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
路由是這么定義的：
$stateProvider
.state('page1', {
url: '/page1',
templateUrl: 'views/page1.htm',
controller: 'page1Ctrl'
})
.state('page2', {
url: '/page2/:type',
templateUrl: 'views/page2.htm',
controller: 'page2Ctrl'
});
用ng-href跳轉(zhuǎn)的話，是這么寫的：
ng-href="#/page1" rel="external nofollow"
ng-href="#/page2/1" rel="external nofollow"
用$state.go跳轉(zhuǎn)的話，是這么寫的：
$state.go("page1");
$state.go("page2",{type:1});
用ui-sref跳轉(zhuǎn)的話，是這么寫的：
ui-sref="page1"
ui-sref="page2({type:1})"
可以對(duì)照一下
以上這篇老生常談angularjs中的$state.go就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
您可能感興趣的文章:
- 詳解在Angularjs中ui-sref和$state.go如何傳遞參數(shù)
- Angular中$state.go頁(yè)面跳轉(zhuǎn)并傳遞參數(shù)的方法
- Angular Renderer (渲染器)的具體使用
- 監(jiān)聽(tīng)angularJs列表數(shù)據(jù)是否渲染完畢的方法示例
- 使用Angular CDK實(shí)現(xiàn)一個(gè)Service彈出Toast組件功能
- Angular?服務(wù)器端渲染應(yīng)用常見(jiàn)的內(nèi)存泄漏問(wèn)題小結(jié)
- JS?Angular?服務(wù)器端渲染應(yīng)用設(shè)置渲染超時(shí)時(shí)間???????
- Angular?服務(wù)器端渲染緩存功能問(wèn)題
- 使用?Angular?服務(wù)器端渲染?Transfer?State?Service
相關(guān)文章
Angular中的結(jié)構(gòu)指令模式及使用詳解
這篇文章主要為大家介紹了Angular中的結(jié)構(gòu)指令模式及使用示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-08-08
利用Angularjs和bootstrap實(shí)現(xiàn)購(gòu)物車功能
在學(xué)習(xí)了如何簡(jiǎn)單開(kāi)始一個(gè)Angular程序之后，跟著網(wǎng)上的教程我也來(lái)實(shí)現(xiàn)一個(gè)購(gòu)物車功能，為了減少頁(yè)面樣式設(shè)計(jì)我使用了bootstrap來(lái)偷懶，現(xiàn)在分享給大家，有需要的可以參考借鑒。2016-08-08
本文主要介紹AngularJS包括的基礎(chǔ)知識(shí)，這里整理了相關(guān)資料并附示例代碼和實(shí)現(xiàn)效果圖，有需要的小伙伴可以參考下2016-08-08
AngularJS入門知識(shí)之MVW類框架的編程思想探討
這篇文章主要介紹了AngularJS入門知識(shí)之MVW類框架的編程思想探討,本文通過(guò)實(shí)現(xiàn)兩個(gè)簡(jiǎn)單的業(yè)務(wù)需求,探討AngularJS和傳統(tǒng)的JavaScript控制DOM實(shí)現(xiàn)方式的差別,并嘗試?yán)斫?MVW此類框架在流行的Web前端開(kāi)發(fā)中的編程思想,需要的朋友可以參考下2014-12-12
AngularJS中取消對(duì)HTML片段轉(zhuǎn)義的方法例子
這篇文章主要介紹了AngularJS中取消對(duì)HTML片段轉(zhuǎn)義的方法例子,在一些需要顯示HTML的地方,就要取消AngularJS的轉(zhuǎn)義,本文就介紹了這種方法,需要的朋友可以參考下2015-01-01
使用AngularJS 應(yīng)用訪問(wèn) Android 手機(jī)的圖片庫(kù)
這篇文章主要介紹了使用AngularJS 應(yīng)用訪問(wèn) Android 手機(jī)的圖片庫(kù)的相關(guān)資料,需要的朋友可以參考下2015-03-03
Angular 2.0+ 的數(shù)據(jù)綁定的實(shí)現(xiàn)示例
本篇文章主要介紹了Angular 2.0+ 的數(shù)據(jù)綁定的實(shí)現(xiàn)實(shí)例，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-08-08
AngularJS輕松實(shí)現(xiàn)雙擊排序的功能
網(wǎng)上已經(jīng)有AngularJS比較多的相關(guān)教程了，那么這篇文章我們一起來(lái)看一個(gè)AngularJS雙擊排序的例子，對(duì)大家日常開(kāi)發(fā)很有幫助的，有需要的可以參考借鑒。2016-08-08
這篇文章主要介紹了詳解AngularJS中的表達(dá)式使用,包括處理數(shù)字和字符串等各種對(duì)象的操作,需要的朋友可以參考下2015-06-06
這篇文章主要介紹了Angular如何由模板生成DOM樹(shù)的方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12