国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

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

2019-11-19 13:04:52
字體:
供稿:網(wǎng)友

如下所示:

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

首先,要在目標頁面定義接受的參數(shù):

傳參,

ui-sref:

$state.Go:

接收參數(shù),

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

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

1:目標頁面定義需要傳的傳輸個數(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'   }  }  })

2)

.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)。

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 密云县| 咸丰县| 桂平市| 新乡市| 上虞市| 巧家县| 栾川县| 沂源县| 丁青县| 大余县| 泸溪县| 方城县| 德江县| 高台县| 松原市| 贡嘎县| 德兴市| 呼伦贝尔市| 大关县| 修文县| 望江县| 凉山| 宜丰县| 汉阴县| 探索| 和龙市| 开鲁县| 枣阳市| 靖西县| 东方市| 桂林市| 吴川市| 长春市| 和田县| 庆城县| 唐山市| 红河县| 闵行区| 内黄县| 沛县| 青海省|