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

來源：懂視網(wǎng) 責(zé)編：小采時間：2020-11-27 22:08:42

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

angular1.x ui-route傳參的三種寫法小結(jié):如下所示： .state('classrooms',{ url: '/classrooms/:id' }) .state('classrooms',{ url: '/classrooms/{id}' }) .state('activities',{ url: '/activities', params: { id: { value: 42} } })

推薦度：

點(diǎn)擊下載本文 文檔為doc格式

導(dǎo)讀angular1.x ui-route傳參的三種寫法小結(jié):如下所示： .state('classrooms',{ url: '/classrooms/:id' }) .state('classrooms',{ url: '/classrooms/{id}' }) .state('activities',{ url: '/activities', params: { id: { value: 42} } })

如下所示：

.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ù)：

傳參，

ui-sref:

$state.Go:

接收參數(shù)，

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

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

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

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

我這里是用頁面綁定的值作為參數(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)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

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

推薦度：

點(diǎn)擊下載本文 文檔為doc格式

標(biāo)簽： route 傳參 angular

熱門焦點(diǎn)

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

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

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

最新推薦

猜你喜歡

熱門推薦