詳解在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)頁面定義接受的參數(shù)：

傳參，

ui-sref:

$state.go:

接收參數(shù)，

在目標(biāo)頁面的controller里注入$stateParams，然后 "$stateParams.參數(shù)名" 獲取

以上就是本文的全部內(nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(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十大常見問題
本文主要介紹了angular十大常見問題，具有很好的參考價(jià)值。下面跟著小編一起來看下吧
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分頁控件
本文給大家介紹ANGULARJS中使用JQUERY分頁控件，需要的朋友可以參考下
2015-09-09
angular中不同的組件間傳值與通信的方法
本篇文章主要介紹了angular中不同的組件間傳值與通信的方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-11-11
AngularJS過濾器filter用法分析
這篇文章主要介紹了AngularJS過濾器filter用法,結(jié)合實(shí)例形式分析了過濾器filter的功能、分類、使用方法與相關(guān)注意事項(xiàng),需要的朋友可以參考下
2016-12-12
AngularJS頁面?zhèn)鲄⒌?種方式
Angular頁面?zhèn)鲄⒂卸喾N辦法，根據(jù)不同用例，本文介紹5種最常見的頁面?zhèn)鲄⒌姆绞?。具有很好的參考價(jià)值。下面跟著小編一起來看下吧
2017-04-04
Angular利用內(nèi)容投射向組件輸入ngForOf模板的方法
本篇文章主要介紹了Angular利用內(nèi)容投射向組件輸入ngForOf模板的方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2018-03-03
angularjs手動(dòng)識(shí)別字符串中的換行符方法
今天小編就為大家分享一篇angularjs手動(dòng)識(shí)別字符串中的換行符方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
2018-10-10
詳解在Angular4中使用ng2-baidu-map的方法
這篇文章主要介紹了在Angular4中使用ng2-baidu-map的方法，本文分步驟給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2019-06-06