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

前端之家收集整理的这篇文章主要介绍了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 @H_371_301@UserService)goExample2 =obj $statego"app.example2"{object JSONstringify)});'Example2Ctrl' $stateParams consolelogJSONparse.params));})
原文链接:https://www.f2er.com/angularjs/147792.html

猜你在找的Angularjs相关文章