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

发布时间：2020-12-17 09:31:47 所属栏目：安全来源：网络整理

导读：.state('classrooms' ,{ url: '/classrooms/:id' }).state( 'classrooms' ,{ url: '/classrooms/{id}' }).state( 'activities' ,{ url: '/activities' ,params: { id: { value: 42 } }}) localhost:3000/#/classrooms/3 function ClassroomController($state

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!