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 相关文章推荐
jQuery选中select控件 无法设置selected的解决方法
Sep 01 Javascript
js中巧用cssText属性批量操作样式
Mar 13 Javascript
ExtJS4 动态生成的grid导出为excel示例
May 02 Javascript
使用Node.js实现HTTP 206内容分片的教程
Jun 23 Javascript
jquery图片滚动放大代码分享(1)
Aug 25 Javascript
jQuery 3.0十大新特性
Jul 06 Javascript
详解JavaScript权威指南之对象
Sep 27 Javascript
AngularJS实现的省市二级联动功能示例【可对选项实现增删】
Oct 26 Javascript
web前端vue实现插值文本和输出原始html
Jan 19 Javascript
vue之将echart封装为组件
Jun 02 Javascript
vue自定义指令directive的使用方法
Apr 07 Javascript
详解JavaScript修改注册表的方法
Jan 05 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
浅谈Eclipse PDT调试PHP程序
2014/06/09 PHP
360搜索引擎自动收录php改写方案
2018/04/28 PHP
PHP常见过waf webshell以及最简单的检测方法
2019/05/21 PHP
经典的带阴影的可拖动的浮动层
2006/06/26 Javascript
Javascript 个人笔记(没有整理,很乱)
2007/07/07 Javascript
IE和FireFox(FF)中js和css的不同
2009/04/13 Javascript
HTA版JSMin(省略修饰语若干)基于javascript语言编写
2009/12/24 Javascript
JQuery中attr方法和removeAttr方法用法实例
2015/05/18 Javascript
javascript字符串循环匹配实例分析
2015/07/17 Javascript
基于vue-simplemde实现图片拖拽、粘贴功能
2018/04/12 Javascript
vue+element的表格实现批量删除功能示例代码
2018/08/17 Javascript
基于vue.js中关于下拉框的值默认及绑定问题
2018/08/22 Javascript
傻瓜式解读koa中间件处理模块koa-compose的使用
2018/10/30 Javascript
详解一个基于react+webpack的多页面应用配置
2019/01/21 Javascript
JS实现扫码枪扫描二维码功能
2020/01/03 Javascript
详解微信小程序「渲染层网络层错误」的解决方法
2021/01/06 Javascript
[37:22]DOTA2上海特级锦标赛D组资格赛#2 Liquid VS VP第一局
2016/02/28 DOTA
Python字典操作简明总结
2015/04/13 Python
用于统计项目中代码总行数的Python脚本分享
2015/04/21 Python
pycharm 将django中多个app放到同个文件夹apps的处理方法
2018/05/30 Python
python3实现逐字输出的方法
2019/01/23 Python
Python matplotlib绘制饼状图功能示例
2019/09/10 Python
OpenCV+Python--RGB转HSI的实现
2019/11/27 Python
pandas中read_csv的缺失值处理方式
2019/12/19 Python
关于django python manage.py startapp 应用名出错异常原因解析
2020/12/15 Python
巴西葡萄酒销售网站:Wine.com.br
2017/11/07 全球购物
NFL Game Pass欧洲:在线观看NFL比赛直播和点播,以高清质量播放
2018/08/30 全球购物
中专毕业生个人职业生涯规划
2014/02/19 职场文书
电子商务专业毕业生自荐书
2014/06/22 职场文书
化学专业大学生职业生涯规划范文
2014/09/13 职场文书
2014超市双十一活动策划方案
2014/09/29 职场文书
学生逃课检讨书1000字
2014/10/20 职场文书
2015年教务工作总结
2015/05/23 职场文书
2016年小学六一儿童节活动总结
2016/04/06 职场文书
财务会计个人原因辞职信
2019/06/21 职场文书
Li list-style-image 图片垂直居中实现方法
2023/05/21 HTML / CSS