angular1.x ui-route傳參的三種寫法小結(jié)

發(fā)布時間：2020-08-19 17:16:12 來源：腳本之家閱讀：151 作者：mountain_tea 欄目：web開發(fā)

如下所示：

.state('classrooms',{
 url: '/classrooms/:id'
})
.state('classrooms',{
 url: '/classrooms/{id}'
})
.state('activities',{
 url: '/activities',
 params: {
 id: { value: 42}
 }
})

localhost:3000/#/classrooms/3

function ClassroomController($stateParams){
 var classroomID = $stateParams.id;
}

一：如何傳遞單個參數(shù)

首先，要在目標(biāo)頁面定義接受的參數(shù)：

angular1.x ui-route傳參的三種寫法小結(jié)

傳參，

ui-sref:

angular1.x ui-route傳參的三種寫法小結(jié)

$state.Go:

angular1.x ui-route傳參的三種寫法小結(jié)

接收參數(shù)，

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

angular1.x ui-route傳參的三種寫法小結(jié)

二：傳遞多個參數(shù)其實也很簡單可以在上面的單個后面直接拼

1：目標(biāo)頁面定義需要傳的傳輸個數(shù)

angular1.x ui-route傳參的三種寫法小結(jié)

2：controll里面接受（注入$stateParams，然后 "$stateParams.參數(shù)名）

angular1.x ui-route傳參的三種寫法小結(jié)

我這里是用頁面綁定的值作為參數(shù)傳過去，大家可以傳固定的，具體業(yè)務(wù)具體對待

三：傳遞對象

$stateProvider
 .state('app.example1', {
  url: '/example',
  views: {
   'menuContent': {
   templateUrl: 'templates/example.html',
   controller: 'ExampleCtrl'
   }
  }
  })
  .state('app.example2', {
  url: '/example2/:object',
  views: {
   'menuContent': {
   templateUrl: 'templates/example2.html',
   controller: 'Example2Ctrl'
   }
  }
  })

.controller('ExampleCtrl', function ($state, $scope, UserService) {
 
 
 $scope.goExample2 = function (obj) {
 
  $state.go("app.example2", {object: JSON.stringify(obj)});
 }
 
 })
 .controller('Example2Ctrl', function ($state, $scope, $stateParams) {
 
 console.log(JSON.parse($state.params.object));
 
 
 })

以上這篇angular1.x ui-route傳參的三種寫法小結(jié)就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持億速云。

向AI問一下細節(jié)

angular1.x ui-route傳參的三種寫法小結(jié)

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽