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 相关文章推荐
比较搞笑的js陷阱题
Feb 07 Javascript
jquery制作漂亮的弹出层提示消息特效
Dec 23 Javascript
为JS扩展Array.prototype.indexOf引发的问题及解决办法
Jan 21 Javascript
Node.js事件循环(Event Loop)和线程池详解
Jan 28 Javascript
js实现checkbox全选、不选与反选的方法
Feb 09 Javascript
jquery对象和DOM对象的任意相互转换
Feb 21 Javascript
Javascript将数字转化成为货币格式字符串
Jun 22 Javascript
最细致的vue.js基础语法 值得收藏!
Nov 03 Javascript
浅谈javascript alert和confirm的美化
Dec 15 Javascript
利用node.js如何创建子进程详解
Dec 09 Javascript
axios向后台传递数组作为参数的方法
Aug 11 Javascript
详解Element-UI中上传的文件前端处理
Aug 07 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 加密与解密的斗争
2009/04/17 PHP
php的webservice的wsdl的XML无法显示问题的解决方法
2014/03/11 PHP
总结一些PHP中好用但又容易忽略的小知识
2017/06/02 PHP
php 实现银联商务H5支付的示例代码
2019/10/12 PHP
javascript中的作用域和闭包详解
2016/01/13 Javascript
JavaScript记录光标在编辑器中位置的实现方法
2016/04/22 Javascript
js判断手机浏览器操作系统和微信浏览器的方法
2016/04/30 Javascript
JavaScript对Json的增删改属性详解
2016/06/02 Javascript
针对BootStrap中tabs控件的美化和完善(推荐)
2016/07/06 Javascript
JavaScript对象封装的简单实现方法(3种方法)
2017/01/03 Javascript
纯js仿淘宝京东商品放大镜功能
2017/03/02 Javascript
手把手教你搭建ES6的开发运行环境
2017/07/11 Javascript
详解React-Native解决键盘遮挡问题(Keyboard遮挡问题)
2017/07/13 Javascript
canvas基础绘制-绚丽倒计时的实例
2017/09/17 Javascript
Bootstrap模态对话框用法简单示例
2018/08/31 Javascript
详解vue在项目中使用百度地图
2019/03/26 Javascript
使用webpack搭建vue项目及注意事项
2019/06/10 Javascript
echarts统计x轴区间的数值实例代码详解
2019/07/07 Javascript
vue.js路由mode配置之去掉url上默认的#方法
2019/11/01 Javascript
JavaScript鼠标悬停事件用法解析
2020/05/15 Javascript
[02:06]DOTA2肉山黑名单魔法终结者 敌法师中文配音鉴赏
2013/06/17 DOTA
[43:58]DOTA2-DPC中国联赛定级赛 LBZS vs SAG BO3第一场 1月8日
2021/03/11 DOTA
Python使用gensim计算文档相似性
2016/04/10 Python
详解python websocket获取实时数据的几种常见链接方式
2019/07/01 Python
CSS3中Animation属性的使用详解
2015/08/06 HTML / CSS
HTML块级标签汇总(小篇)
2016/07/13 HTML / CSS
印尼披萨外送专家:Domino’s Pizza印尼
2017/12/28 全球购物
网络工程与软件技术毕业生自荐信
2013/09/24 职场文书
监理员的岗位职责
2013/11/13 职场文书
追悼会子女答谢词
2014/01/28 职场文书
工作决心书范文
2014/03/11 职场文书
竞聘书模板
2014/03/31 职场文书
升国旗演讲稿
2014/09/05 职场文书
商标侵权律师函
2015/05/27 职场文书
pytorch 如何使用float64训练
2021/05/24 Python
vue+echarts实现多条折线图
2022/03/21 Vue.js