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 相关文章推荐
枚举JavaScript对象的函数
Dec 22 Javascript
类之Prototype.js学习
Jun 13 Javascript
javascript实现json页面分页实例代码
Feb 20 Javascript
JQuery的常用选择器、过滤器、方法全面介绍
May 25 Javascript
拥Bootstrap入怀——导航栏篇
May 30 Javascript
原生js实现回复评论功能
Jan 18 Javascript
jQuery简单实现遍历单选框的方法
Mar 06 Javascript
Vue.js更改调试地址端口号的实例
Sep 19 Javascript
express如何解决ajax跨域访问session失效问题详解
Jun 20 Javascript
微信小程序嵌入腾讯视频源过程详解
Aug 08 Javascript
vue实现路由不变的情况下,刷新页面操作示例
Feb 02 Javascript
Vue3项目打包后部署到服务器 请求不到后台接口解决方法
Feb 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
第十四节--命名空间
2006/11/16 PHP
PHP音乐采集(部分代码)
2007/02/14 PHP
php XMLWriter类的简单示例代码(RSS输出)
2011/09/30 PHP
PHP输出九九乘法表代码实例
2015/03/27 PHP
centos7上编译安装php7以php-fpm方式连接apache
2018/11/08 PHP
PHP微信支付结果通知与回调策略分析
2019/01/10 PHP
PHP进阶学习之Geo的地图定位算法详解
2019/06/19 PHP
use jscript List Installed Software
2007/06/11 Javascript
javascript dom 操作详解 js加强
2009/07/13 Javascript
DWZ刷新dialog解决方法
2013/03/03 Javascript
javascript eval(func())使用示例
2013/12/05 Javascript
JavaScript link方法入门实例(给字符串加上超链接)
2014/10/17 Javascript
javascript框架设计读书笔记之种子模块
2014/12/02 Javascript
JavaScript中Function函数与Object对象的关系
2015/12/17 Javascript
jQuery form插件之formDdata参数校验表单及验证后提交
2016/01/23 Javascript
js判断图片加载完成后获取图片实际宽高的方法
2016/02/25 Javascript
JavaScript中的this引用(推荐)
2016/08/05 Javascript
JavaScript之underscore_动力节点Java学院整理
2017/07/03 Javascript
javascript基于定时器实现进度条功能实例
2017/10/13 Javascript
解决vue热替换失效的根本原因
2018/09/19 Javascript
vue router 源码概览案例分析
2018/10/09 Javascript
JS滚轮控制图片缩放大小和拖动的实例代码
2018/11/20 Javascript
教你用Python创建微信聊天机器人
2020/03/31 Python
python判断所输入的任意一个正整数是否为素数的两种方法
2019/06/27 Python
Python requests设置代理的方法步骤
2020/02/23 Python
HTML5 播放 RTSP 视频的实例代码
2019/07/29 HTML / CSS
科尔士百货公司官网:Kohl’s
2016/07/11 全球购物
Joseph官网:英国小众奢侈品牌
2019/05/17 全球购物
计算机软件个人的自荐信范文
2013/12/01 职场文书
教师节活动总结
2014/08/29 职场文书
财务务虚会发言材料
2014/10/20 职场文书
中层干部考核评语
2015/01/04 职场文书
2015年推普周活动方案
2015/05/06 职场文书
2015年信息中心工作总结
2015/05/25 职场文书
mysql如何配置白名单访问
2021/06/30 MySQL
MySQL定时备份数据库(全库备份)的实现
2021/09/25 MySQL