首页 > 代码库 > anuglar.js ui-router传递参数
anuglar.js ui-router传递参数
anuglar.js ui-router 传递参数的方法有：
一： ui-sref 传递参数，传递一个参数的时候
首先路有这样写：
.state(‘edit‘, { //线路编辑页面
url: ‘/edit?id‘,
templateUrl: ‘view/template/shopList/edit.html‘,
controller: ‘editCtrl‘
})
html 页面写法为：
<button ui-sref="edit({id:{{item.id}}})" type="button" class="btn btn-link btn-sm">编辑</button>
{{item.id}}是动态的数据
controller 中获取传递的参数的方法
$state.params.id 可以打印 $state.params 看看结果
传递多个参数的时候：
路由的写法为：
.state(‘edit‘, { //线路编辑页面 url: ‘/edit?id&page‘, templateUrl: ‘view/template/shopList/edit.html‘, controller: ‘editCtrl‘ }) url: ‘/edit?id&page‘, 需要传递多少参数，便在问号后边跟上就行
html 页面写法为：
<button ui-sref="edit({id:{{item.id}},page:{{item.id}}})" type="button" class="btn btn-link btn-sm">编辑</button>
controller 中获取传递的参数的方法，还是跟以前一样。
一：$state.go 传递参数，传递一个或者多个参数的时候（直接写多个一个和 ui-sref 一样的写法）
路由写法
.state(‘home‘, { url: ‘/home?id&page‘, templateUrl: ‘view/home.html‘, controller: ‘homeCtrl‘ })
控制器写法：
$state.go(‘home‘,{id: ‘01‘,page: ‘02‘});
接受参数的写法：
console.log($state.params);
接受参数的时候有两种写法都是一样的：
$state.params.id 或者 $stateParams.id
<style>p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 16.0px Consolas }</style>
anuglar.js ui-router传递参数
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。