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 相关文章推荐
URL编码转换,escape() encodeURI() encodeURIComponent()
Dec 27 Javascript
超强的IE背景图片闪烁(抖动)的解决办法
Sep 09 Javascript
jQuery 添加/移除CSS类实现代码
Feb 11 Javascript
推荐JavaScript实现继承的最佳方式
Nov 11 Javascript
简述JavaScript提交表单的方式 (Using JavaScript Submit Form)
Mar 18 Javascript
JS模拟简易滚动条效果代码(附demo源码)
Apr 05 Javascript
ionic由于使用了header和subheader导致被遮挡的问题的两种解决方法
Sep 22 Javascript
微信小程序  action-sheet详解及实例代码
Nov 09 Javascript
JS实现可视化文件上传
Sep 08 Javascript
vue中,在本地缓存中读写数据的方法
Sep 21 Javascript
axios实现简单文件上传功能
Sep 25 Javascript
使用vue实现一个电子签名组件的示例代码
Jan 06 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 parse_url 一个好用的函数
2009/10/03 PHP
Laravel框架路由配置总结、设置技巧大全
2014/09/03 PHP
php如何控制用户对图片的访问 PHP禁止图片盗链
2016/03/25 PHP
详解PHP归并排序的实现
2016/10/18 PHP
解决 FireFox 下[使用event很麻烦] 的问题.
2006/08/22 Javascript
javascript编程起步(第七课)
2007/01/10 Javascript
火狐浏览器(firefox)下获得Event对象以及keyCode
2008/11/13 Javascript
jQuery checkbox全选/取消全选实现代码
2009/11/14 Javascript
javascript 获取网页标题代码实例
2014/01/22 Javascript
js通过八个点 拖动改变div大小的实现方法
2014/03/05 Javascript
node.js中的fs.lchmod方法使用说明
2014/12/16 Javascript
jQuery语法小结(超实用)
2015/12/31 Javascript
jQuery+css实现的切换图片功能代码
2016/01/27 Javascript
jQuery+pjax简单示例汇总
2017/04/21 jQuery
微信小程序wx:for循环的实例详解
2018/10/07 Javascript
vue中node_modules中第三方模块的修改使用详解
2019/05/31 Javascript
微信小程序实现pdf、word等格式文件上传的方法
2019/09/10 Javascript
node.js 使用 net 模块模拟 websocket 握手进行数据传递操作示例
2020/02/11 Javascript
Node.JS如何实现JWT原理
2020/09/18 Javascript
[03:14]2014DOTA2西雅图国际邀请赛 EG战队巡礼
2014/07/07 DOTA
Python抓取京东图书评论数据
2014/08/31 Python
Python使用ftplib实现简易FTP客户端的方法
2015/06/03 Python
基于python yield机制的异步操作同步化编程模型
2016/03/18 Python
python多线程共享变量的使用和效率方法
2019/07/16 Python
python:动态路由的Flask程序代码
2019/11/22 Python
python正则过滤字母、中文、数字及特殊字符方法详解
2020/02/11 Python
CSS3样式linear-gradient的使用实例
2017/01/16 HTML / CSS
创业计划书怎样才能打动风投
2014/01/01 职场文书
签约仪式主持词
2014/03/19 职场文书
个人函授自我鉴定
2014/03/25 职场文书
《窗前的气球》教学反思
2014/04/07 职场文书
秘书英文求职信
2014/04/16 职场文书
我的暑假生活作文(五年级)范文
2019/08/07 职场文书
Golang 使用Map实现去重与set的功能操作
2021/04/29 Golang
分析Java中Map的遍历性能问题
2021/06/26 Java/Android
python疲劳驾驶困倦低头检测功能的实现
2022/04/04 Python