.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.参数名" 获取
$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));})二:传递多个参数其实也很简单可以在上面的单个后面直接拼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)