anuglar.js ui-router传递参数
Posted haonanElva
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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
以上是关于anuglar.js ui-router传递参数的主要内容,如果未能解决你的问题,请参考以下文章
Angular ui-router - 如何访问从父模板传递的嵌套命名视图中的参数?