微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

angular1.x ui-route传参的三种写法

.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;
}



  
  

一: 如何传递单个参数

首先,要在目标页面定义接受的参数:

传参,

ui-sref:

$state.Go:

接收参数,

在目标页面的controller里注入$stateParams,然后 "$stateParams.参数名" 获取

二:传递多个参数其实也很简单可以在上面的单个后面直接拼
1:目标页面定义需要传的传输个数
.state("default.certquery",{
    url: "/certquery"controller"certQueryCtrl"params:{"LoginAccount":null"CertCode""CredentialsID"},//这个是重点其他可以不用看,具体路由对应自己项目
    template"<div ui-view></div>"
  
})
2:controll里面接受( 注入$stateParams,然后 "$stateParams.参数名
$state.go("default.certquery.certDetialQuery",{LoginAccount:$scope.entity.LoginAccount,CertCode:$scope.CertCode,122)">CredentialsID:$scope.CredentialsID});
我这里是用页面绑定的值作为参数传过去,大家可以传固定的,具体业务具体对待

三:传递对象
 
    

2)

 
   
$stateProvider .state('app.example1', { url: '/example' views'menuContent' templateUrl'templates/example.html' controller'ExampleCtrl'}})'app.example2''/example2/:object''templates/example2.html''Example2Ctrl'})controller'ExampleCtrl' function($state $scope UserService)goExample2 =obj $statego"app.example2"{object JSONstringify)});'Example2Ctrl' $stateParams consolelogJSONparse.params));})

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐