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
转载于:https://www.cnblogs.com/haonanZhang/p/6874396.html
anuglar.js ui-router传递参数相关推荐
- js中函数传递参数,究竟是值传递还是引用传递?
记住真理: js函数传递参数,不管是简单数据类型,还是引用数据类型,都是值传递!! 下面是js红包书里面的例子: function setName(obj) { obj.name = "Ni ...
- vue的props传数组_详解vue.js之props传递参数
本篇文章通过demo实例给大家详细分析了props传递参数的用法以及遇到问题后的解决办法,以下是全部内容. 前段时间用vue做一个后台管理系统,其中每一页都需要一个表格来展示信息.自然就想到了将表格提 ...
- 前台js获取url传递参数(后台Request.QueryString接收)
1.方法 function GetQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^& ...
- js 文件引用传递参数
每天学习一点点 编程PDF电子书免费下载: http://www.shitanlife.com/code (function() { var hm = document.createElement(& ...
- JS 获取url传递参数
方法一: function getrequest() { var url = location.search; //获取url中"?"符后的字串 if ...
- this指向、数据双向流、传递参数、JSX中循环、React中样式、路由、引入资源的其它方式、create-react-app脚手架、事件处理、获取数据、UI框架推荐、pc桌面应用electronjs
改变this指向的几种方式: //1.使用箭头函数代替原始函数写法:getState=()=>{}//2.在函数调用时给函数名加bind(this)方法:(bind中第一个参数表示修改this指 ...
- vue.js 编程导航,如何传递参数?
本文主要讲述:关于vue.js 编程导航,如何传递参数? 本文主要讲述:通过vue.js 编程导航,实现路由配置和跳转页面的功能! 基础篇,仅作为简单演示. 总结 不能保证用户一定会点击某些按钮 并且 ...
- 解决JS在url中传递参数时参数包含中文乱码的问题
解决JS在url中传递参数时参数包含中文乱码的问题 参考文章: (1)解决JS在url中传递参数时参数包含中文乱码的问题 (2)https://www.cnblogs.com/xushengguan/ ...
- JS中调用本地Winform程序并传递参数
场景 JS中调用本地exe程序: JS中调用本地exe程序_BADAO_LIUMANG_QIZHI的博客-CSDN博客 在上面的基础上怎样在js中调用本地winform程序并且传递参数. 注: 博客: ...
最新文章
- 2021年大数据Flink(十):流处理相关概念
- oracle 尖括号_Oracle常用函数整理
- python编程入门经典实例-编程语言入门经典100例【Python版】
- (转) ASP.NET 2.0:使用用户控件和定制的Web部件个人化你的门户网站(二)
- android 相册选择视频和图片格式,Android获取文件类型是图片还是视频
- 深入Eureka/Feign/Hystrix原理学习(1)
- 10个常用python标准库_【循序渐进学Python】11.常用标准库
- axure web组件下载_实践干货:Axure插入图标的4种办法
- java监听com口_简单了解Java接口+事件监听机制
- 简单python数据获取分析_python学习——简单数据分析
- Open3d之点云顶点法线估计
- python源码中的学习笔记_第4章_列表
- 强烈推荐:事情污,但算法不污,每个想称为大牛的码农都该看,深受启发!...
- 麻省理工6.824 分布式课程 Raft选主实现笔记
- 1人工智能概述------人工智能发展历程(人工智能的起源、人工智能的发展经历了六个阶段)
- 合并石头的最低成本问题
- 阮一峰:值得分享给开发者的 Authing 身份云
- 每日必读DZone News—对DevOps的关注
- Qt 多文本框设置行距和
- Xmind教程-添加外框