关于angular路由传值(一个或多个)问题
来源:互联网 发布:snmptrap协议端口号 编辑:程序博客网 时间:2024/06/02 01:51
在ng的页面条转传参数的方法,ui-sref,$state
1、Ui-sref:用于html页面进行单页面的跳转;
2、$state:用于js代码中跳转。
[传递单个参数]
对于传递方:
传递方:ui-sref=”home.ideas.edit({id:detailIdeas[0].idea.id})
或者:$state.go(home.ideas.edit,{id: detailIdeas[0].idea.id });
对于接受方:
.state('home.ideas.edit', { url: '/detailsEdit/:id', views: { "part": { templateUrl: 'tpls/ideas/edit.html', controller:"ideas_edit_ctrl" } }})
使用:
在ideas_edit_ctrl控制器中,我们可以直接使用$state.params 来获取我们传递的参数
(要先注入$state)
var idx={
ideaID:$state.params.id
};
传递多个参数
其实传递参数的本质都是一样的,对于传递多个参数的我我们可以将多个参数组成一个对象,然后将这个对象转换成字符串,将字符串传递过去。
Em:
使用$state.go()传递多个参数;
对于传递方:
var User_info={ name:’菱角’, age:15, skill:’angular’ };
$state.go(“home.ideas.allIdeas”,{user_right:JSON.stringify(user_info});
对于接受方:(还是保持不变)
.state('home.ideas.allIdeas', { url: '/allIdeas/:user_right', views: { "part": { templateUrl: 'tpls/ideas/all_idea_list.html', controller:'ideas_allIdeas_ctrl' } }})
使用:
在ideas_allIdeas_ctrl控制器中
var user_right=JSON.parse($state.params.user_right);
user_right的结构:
user_right={ name:’菱角’, age:15, skill:’angular’}
使用:ui-sref传递多个参数:
传递方:
<button ui-sref="home.ideas.edit({id:detailIdeas[0].idea.id,name:detailIdeas[0].idea.id.name})">go edit</button>
接受方:
.state('home.ideas.edit', {//编辑创意 url: '/detailsEdit?id&name', views: { "part": { templateUrl: 'tpls/ideas/edit.html', controller:"ideas_edit_ctrl" } }})
使用:
在ideas_edit_ctrl控制器中,我们可以直接使用$state.params 来获取我们传递的参数
(要先注入$state)
var idx={ ideaID:$state.params.id ideaName:$state.params.name};
- 关于angular路由传值(一个或多个)问题
- 关于angular路由结构
- Angular中的路由问题~
- 【Angular】路由跳转问题;
- mybatis传参问题,一个或多个参数
- vue多个路由共用一个页面问题
- angular路由传参
- angular路由(简单)
- 线程Thread传递一个或多个参数问题
- angular.js笔记 ---关于Route路由
- angular 路由中的多视图
- angular路由跳转(笔记)
- angular路由跳转,并获取参数问题
- angular设置页面路由及seo问题
- angular.js路由页面缓存问题
- angular 路由
- angular路由
- Angular路由
- Linux命令一:sudo
- H5 中监听页面滚动事件,判断滚动方向的方法
- Memcached使用
- request对象JSP学习
- 看代码说出文本“Sausage”的输出颜色
- 关于angular路由传值(一个或多个)问题
- [Object-c]_[初级]_[数组NSArray过滤NSPredicate的简单介绍]
- opencv-python 应用滑动条改变canny边缘检测的阈值
- jedis开发问题
- spring的一些常用的注解
- 程序员你为什么这么累:编码习惯之业务异常
- JavaScript从数组中删除指定值元素的方法
- 说说图片的垂直居中问题
- 数组去重,根据对象属性去重