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 相关文章推荐
关于实现代码语法标亮 dp.SyntaxHighlighter
Feb 02 Javascript
javascript面向对象之定义成员方法实例分析
Jan 13 Javascript
在JavaScript中call()与apply()区别
Jan 22 Javascript
BootStrap智能表单实战系列(三)分块表单配置详解
Jun 13 Javascript
JavaScript对象数组排序实例方法浅析
Jun 15 Javascript
JS获取一个未知DIV高度的方法
Aug 09 Javascript
vue+element的表格实现批量删除功能示例代码
Aug 17 Javascript
JS中实现浅拷贝和深拷贝的代码详解
Jun 05 Javascript
layui树形菜单动态遍历的例子
Sep 23 Javascript
vue 实现走马灯效果
Oct 28 Javascript
vue解决使用$http获取数据时报错的问题
Oct 30 Javascript
Vue elementui字体图标显示问题解决方案
Aug 18 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循环遍历数组的3种方法list()、each()和while总结
2014/11/19 PHP
php通过function_exists检测函数是否存在的方法
2015/03/18 PHP
PHP简单实现断点续传下载的方法
2015/09/25 PHP
深入理解PHP变量的值类型和引用类型
2015/10/21 PHP
php封装的smartyBC类完整实例
2016/10/19 PHP
PHP中ajax无刷新上传图片与图片下载功能
2017/02/21 PHP
php中通过eval实现字符串格式的计算公式
2017/03/18 PHP
thinkphp 框架数据库切换实现方法分析
2020/05/18 PHP
JS模拟自动点击的简单实例
2013/08/08 Javascript
jQuery制作仿腾讯web qq用户体验桌面
2013/08/20 Javascript
js判断undefined类型,undefined,null, 的区别详细解析
2013/12/16 Javascript
JQuery入门基础小实例(1)
2015/09/17 Javascript
JS+CSS实现的蓝色table选项卡效果
2015/10/08 Javascript
JavaScript实现设计模式中的单例模式的一些技巧总结
2016/05/17 Javascript
浅析jquery unbind()方法移除元素绑定的事件
2016/05/24 Javascript
浅谈JS中的bind方法与函数柯里化
2016/08/10 Javascript
详细讲解JavaScript中的this绑定
2016/10/10 Javascript
Bootstrap 网格系统布局详解
2017/03/19 Javascript
深入理解jquery的$.extend()、$.fn和$.fn.extend()
2017/07/08 jQuery
Node.js+jade抓取博客所有文章生成静态html文件的实例
2017/09/19 Javascript
微信小程序使用Socket的实例
2017/09/19 Javascript
js中bool值的转换及“&amp;&amp;”、“||”、 “!!”详解
2017/12/21 Javascript
vue项目部署上线遇到的问题及解决方法
2018/06/10 Javascript
Python 列表(List) 的三种遍历方法实例 详解
2017/04/15 Python
Python环境搭建之OpenCV的步骤方法
2017/10/20 Python
python使用pil库实现图片合成实例代码
2018/01/20 Python
Python3.4 tkinter,PIL图片转换
2018/06/21 Python
Python单元测试unittest的具体使用示例
2018/12/17 Python
Django urls.py重构及参数传递详解
2019/07/23 Python
Django实现网页分页功能
2019/10/31 Python
如何学习Python time模块
2020/06/03 Python
如何使用Python进行PDF图片识别OCR
2021/01/22 Python
让IE可以变相支持CSS3选择器
2010/01/21 HTML / CSS
html5基础标签(html5视频标签 html5新标签用法)
2013/12/30 HTML / CSS
新学期红领巾广播稿
2014/01/14 职场文书
当幸福来敲门英文观后感
2015/06/01 职场文书