詳解在Angularjs中ui-sref和$state.go如何傳遞參數(shù)
更新時(shí)間：2017年04月24日 14:21:18 作者：Jager
這篇文章主要介紹了詳解在Angularjs中ui-sref和$state.go如何傳遞參數(shù)，詳細(xì)的介紹了ui-sref和$state.go的區(qū)別和如何傳參，有興趣的可以了解下
1 ui-sref、$state.go 的區(qū)別
ui-sref 一般使用在 <a>...</a>；
<a ui-sref="message-list">消息中心</a>
$state.go('someState')一般使用在 controller里面；
.controller('firstCtrl', function($scope, $state) {
$state.go('login');
});
這兩個(gè)本質(zhì)上是一樣的東西，我們看ui-sref的源碼：
...
element.bind("click", function(e) {
var button = e.which || e.button;
if ( !(button > 1 || e.ctrlKey || e.metaKey || e.shiftKey || element.attr('target')) ) {
var transition = $timeout(function() {
// HERE we call $state.go inside of ui-sref
$state.go(ref.state, params, options);
});
ui-sref最后調(diào)用的還是$state.go()方法
2 如何傳遞參數(shù)
首先，要在目標(biāo)頁(yè)面定義接受的參數(shù)：
傳參，
ui-sref:
$state.go:
接收參數(shù)，
在目標(biāo)頁(yè)面的controller里注入$stateParams，然后 "$stateParams.參數(shù)名" 獲取
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
您可能感興趣的文章:
- 老生常談angularjs中的$state.go
- 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)文章
AngularJS實(shí)現(xiàn)tab選項(xiàng)卡的方法詳解
這篇文章主要介紹了AngularJS實(shí)現(xiàn)tab選項(xiàng)卡的方法,結(jié)合實(shí)例形式較為詳細(xì)的分析了AngularJS實(shí)現(xiàn)tab選項(xiàng)卡的原理、實(shí)現(xiàn)技巧與相關(guān)注意事項(xiàng),需要的朋友可以參考下2017-07-07
本文主要介紹了angular十大常見(jiàn)問(wèn)題，具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧2017-03-03
Angular模版驅(qū)動(dòng)表單的使用總結(jié)
這篇文章主要介紹了Angular模版驅(qū)動(dòng)表單的使用總結(jié)，本文實(shí)現(xiàn)了Angular支持表單的雙向數(shù)據(jù)綁定，校驗(yàn)，狀態(tài)管理，非常具有實(shí)用價(jià)值，需要的朋友可以參考下2018-05-05
本文給大家介紹ANGULARJS中使用JQUERY分頁(yè)控件，需要的朋友可以參考下2015-09-09
本篇文章主要介紹了angular中不同的組件間傳值與通信的方法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-11-11
這篇文章主要介紹了AngularJS過(guò)濾器filter用法,結(jié)合實(shí)例形式分析了過(guò)濾器filter的功能、分類(lèi)、使用方法與相關(guān)注意事項(xiàng),需要的朋友可以參考下2016-12-12
Angular頁(yè)面?zhèn)鲄⒂卸喾N辦法，根據(jù)不同用例，本文介紹5種最常見(jiàn)的頁(yè)面?zhèn)鲄⒌姆绞?。具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧2017-04-04
Angular利用內(nèi)容投射向組件輸入ngForOf模板的方法
本篇文章主要介紹了Angular利用內(nèi)容投射向組件輸入ngForOf模板的方法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-03-03
angularjs手動(dòng)識(shí)別字符串中的換行符方法
今天小編就為大家分享一篇angularjs手動(dòng)識(shí)別字符串中的換行符方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-10-10
詳解在Angular4中使用ng2-baidu-map的方法
這篇文章主要介紹了在Angular4中使用ng2-baidu-map的方法，本文分步驟給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-06-06