AngularJS的ng-click传参的方法


Posted in Javascript onJune 19, 2017

今天遇到个难题就是ng-click传参问题,在网上找了好多资料,先留个笔记

<ul id="dataSet" ng-repeat="item in infos" ng-model="dataSet">
  <li ng-click="sentOutQuery('{{item.detailId}}')" >
    <div class="voucherLeft">
      <p class="p1">{{item.transAmount}}</p>
      <p class="p2">已分配:<span >{{item.usePoints}}</span></p>
    </div>
    <div class="voucherRight">
      <p class="p3">授信方:<span>{{item.rollOutAccountName}}</span></p>
      <p class="p4">授信日期:<span>{{item.createTime}}</span></p>
    </div>
  </li>
</ul>
//js代码
$scope.sentOutQuery = function(sourceDetail){
  var expiresDate= new Date();
  expiresDate.setTime(expiresDate.getTime() + 2*1000);
  $cookieStore.put("sourceDetailId", sourceDetail,{expires : expiresDate});
  console.log(sourceDetail); 
  window.location.href='sentOutQuery.html';
}

ng-click="sentOutQuery('{{item.detailId}}')" 这样虽然在页面上debugger能看到传的参数值,但是这样事件点击无效,如下图;

 AngularJS的ng-click传参的方法

只有将点击事件中的参数直接引入才能在对应的JS代码中获取该参数

AngularJS的ng-click传参的方法

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
几个高效,简洁的字符处理函数
Apr 12 Javascript
自己开发Dojo的建议框架
Sep 24 Javascript
JS的千分位算法实现思路
Jul 31 Javascript
JavaScript自定义方法实现trim()、Ltrim()、Rtrim()的功能
Nov 03 Javascript
angularJS提交表单(form)
Feb 09 Javascript
JavaScript给url网址进行encode编码的方法
Mar 18 Javascript
jquery滚动到顶部底部代码
Apr 20 Javascript
基于jQuery实现收缩展开功能
Mar 18 Javascript
使用RN Animated做一个“添加购物车”动画的方法
Sep 12 Javascript
从vue源码看props的用法
Jan 09 Javascript
VUE引入第三方js包及调用方法讲解
Mar 01 Javascript
vue data恢复初始化数据的实现方法
Oct 31 Javascript
JavaScript队列函数和异步执行详解
Jun 19 #Javascript
JS检测是否可以访问公网服务器功能代码
Jun 19 #Javascript
详解angularJS动态生成的页面中ng-click无效解决办法
Jun 19 #Javascript
详解AngularJS脏检查机制及$timeout的妙用
Jun 19 #Javascript
深入理解AngularJs-scope的脏检查(一)
Jun 19 #Javascript
jQuery 实现双击编辑表格功能
Jun 19 #jQuery
Web制作验证码功能实例代码
Jun 19 #Javascript
You might like
PHP array 的加法操作代码
2010/07/24 PHP
PHP5函数小全(分享)
2013/06/06 PHP
php中实现获取随机数组列表的自定义函数
2015/04/02 PHP
php类中的$this,static,final,const,self这几个关键字使用方法
2015/12/14 PHP
在jquery boxy中添加百度地图坐标拾取注意流程
2014/04/03 Javascript
理解javascript中的回调函数(callback)
2014/09/02 Javascript
js中hash和ico的关联分析
2015/02/05 Javascript
javascript实现添加附件功能的方法
2015/11/18 Javascript
js阻止默认浏览器行为与冒泡行为的实现代码
2016/05/15 Javascript
jQuery动态改变多行文本框高度的方法
2016/09/07 Javascript
angularjs实现柱状图动态加载的示例
2017/12/11 Javascript
微信小程序scroll-view组件实现滚动动画
2018/01/31 Javascript
解决js相同的正则多次调用test()返回的值却不同的问题
2018/10/10 Javascript
bootstrap datepicker的基本使用教程
2019/07/09 Javascript
微信小程序使用echarts获取数据并生成折线图
2019/10/16 Javascript
Vue2.0 $set()的正确使用详解
2020/07/28 Javascript
vuex刷新后数据丢失的解决方法
2020/10/18 Javascript
python根据出生年份简单计算生肖的方法
2015/03/27 Python
简单总结Python中序列与字典的相同和不同之处
2016/01/19 Python
Python中表达式x += y和x = x+y 的区别详解
2017/06/20 Python
Python数据分析中Groupby用法之通过字典或Series进行分组的实例
2017/12/08 Python
python 常见字符串与函数的用法详解
2018/11/23 Python
python之信息加密题目详解
2019/06/26 Python
用Python实现将一张图片分成9宫格的示例
2019/07/05 Python
Python PO设计模式的具体使用
2019/08/16 Python
使用python实现男神女神颜值打分系统(推荐)
2019/10/31 Python
澳大利亚和新西兰最大的在线旅行社之一:Aunt Betty
2019/08/07 全球购物
加拿大鞋网:Globo Shoes
2019/12/26 全球购物
会计系毕业个人自荐信格式
2013/09/23 职场文书
应届生新闻编辑求职信
2013/11/19 职场文书
职工代表大会主持词
2014/04/01 职场文书
市级青年文明号申报材料
2014/05/26 职场文书
公司股东出资证明书
2014/11/01 职场文书
行政主管岗位职责
2015/02/03 职场文书
2015年学校图书室工作总结
2015/05/19 职场文书
2016年国培研修日志
2015/11/13 职场文书