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 相关文章推荐
Extjs4 类的定义和扩展实例
Jun 28 Javascript
javascript实现页面刷新时自动清空表单并选中的方法
Jul 18 Javascript
JavaScript实现弹出模态窗体并接受传值的方法
Feb 12 Javascript
页面向下滚动ajax获取数据的实现方法(兼容手机)
May 24 Javascript
js和C# 时间日期格式转换的简单实例
May 28 Javascript
浅谈JavaScript对象的创建方式
Jun 13 Javascript
AngularJS 与Bootstrap实现表格分页实例代码
Oct 14 Javascript
jquery select插件异步实时搜索实例代码
Oct 20 jQuery
vue-cli脚手架-bulid下的配置文件
Mar 27 Javascript
elementUI table表格动态合并的示例代码
May 15 Javascript
富文本编辑器vue2-editor实现全屏功能
May 26 Javascript
vue中对象数组去重的实现
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
PHP中,文件上传
2006/12/06 PHP
PHP生成月历代码
2007/06/14 PHP
解析PHP中数组元素升序、降序以及重新排序的函数
2013/06/20 PHP
Jquery post传递数组方法实现思路及代码
2013/04/28 Javascript
jQuery判断指定id的对象是否存在的方法
2015/05/22 Javascript
js实现简洁大方的二级下拉菜单效果代码
2015/09/01 Javascript
让图片跳跃起来  javascript图片轮播特效
2016/02/16 Javascript
Extjs表单输入框异步校验的插件实现方法
2017/03/20 Javascript
vue.js评论发布信息可插入QQ表情功能
2017/08/08 Javascript
mui 打开新窗口的方式总结及注意事项
2017/08/20 Javascript
微信小程序异步处理详解
2017/11/10 Javascript
vue生命周期的探索
2019/04/03 Javascript
jQuery/JS监听input输入框值变化实例
2019/10/17 jQuery
vue.js实现二级菜单效果
2019/10/19 Javascript
jQuery 动画与停止动画效果实例详解
2020/05/19 jQuery
python通过shutil实现快速文件复制的方法
2015/03/14 Python
Phantomjs抓取渲染JS后的网页(Python代码)
2016/05/13 Python
详谈Numpy中数组重塑、合并与拆分方法
2018/04/17 Python
pycharm设置注释颜色的方法
2018/05/23 Python
[原创]Python入门教程5. 字典基本操作【定义、运算、常用函数】
2018/11/01 Python
python实现海螺图片的方法示例
2019/05/12 Python
python在OpenCV里实现投影变换效果
2019/08/30 Python
python用opencv 图像傅里叶变换
2021/01/04 Python
使用Python制作一盏 3D 花灯喜迎元宵佳节
2021/02/26 Python
巧克力领导品牌瑞士莲美国官网:Lindt Chocolate美国
2016/08/25 全球购物
亚马逊加拿大网站:Amazon.ca
2020/01/06 全球购物
结婚典礼证婚词
2014/01/08 职场文书
公司节能减排倡议书
2014/05/14 职场文书
图书馆标语
2014/06/19 职场文书
商铺消防安全责任书
2014/07/29 职场文书
放飞梦想演讲稿200字
2014/08/26 职场文书
反腐倡廉剖析材料
2014/09/30 职场文书
2015年爱牙日活动总结
2015/03/23 职场文书
闪闪的红星观后感
2015/06/08 职场文书
酒店宣传语大全
2015/07/13 职场文书
《水浒传》读后感3篇(范文)
2019/09/19 职场文书