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 相关文章推荐
滚动经典最新话题[prototype框架]下编写
Oct 03 Javascript
JavaScript中的匀速运动和变速(缓冲)运动详细介绍
Nov 11 Javascript
CheckBoxList多选样式jquery、C#获取选择项
Sep 06 Javascript
js用闭包遍历树状数组的方法
Mar 19 Javascript
JavaScript运算符小结
Jun 03 Javascript
基于jQuery实现的双11天猫拆红包抽奖效果
Dec 01 Javascript
深入浅出es6模板字符串
Aug 26 Javascript
VUE2.0+Element-UI+Echarts封装的组件实例
Mar 02 Javascript
angularJs复选框checkbox选中进行ng-show显示隐藏的方法
Oct 08 Javascript
jQuery 获取除某指定对象外的其他对象 ( :not() 与.not())
Oct 10 jQuery
angular 实现下拉列表组件的示例代码
Mar 09 Javascript
uniapp微信小程序:key失效的解决方法
Jan 20 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/05/07 PHP
PHP中使用mktime获取时间戳的一个黑色幽默分析
2012/05/31 PHP
spl_autoload_register与autoload的区别详解
2013/06/03 PHP
php安装xdebug/php安装pear/phpunit详解步骤(图)
2013/12/22 PHP
PHP中HTML标签过滤技巧
2014/01/07 PHP
PHP速成大法
2015/01/30 PHP
php实现面包屑导航例子分享
2015/12/19 PHP
php中的抽象方法和抽象类
2017/02/14 PHP
原生JS实现Ajax通过POST方式与PHP进行交互的方法示例
2018/05/12 PHP
offsetHeight在OnLoad中获取为0的现象
2013/07/22 Javascript
jQuery Mobile的loading对话框显示/隐藏方法分享
2013/11/26 Javascript
js 限制input只能输入数字、字母和汉字等等
2013/12/18 Javascript
JS实现动态给图片添加边框的方法
2015/04/01 Javascript
Javascript进制转换实例分析
2015/05/14 Javascript
关于JSON.parse(),JSON.stringify(),jQuery.parseJSON()的用法
2016/06/30 Javascript
JavaScript实现获取远程的html到当前页面中
2017/03/26 Javascript
checkbox:click事件触发span元素内容改变的方法
2017/09/11 Javascript
AngularJS中scope的绑定策略实例分析
2017/10/30 Javascript
jquery如何实现点击空白处隐藏元素
2017/12/05 jQuery
详解Vue结合后台的列表增删改案例
2018/08/21 Javascript
nodejs require js文件入口,在package.json中指定默认入口main方法
2018/10/10 NodeJs
js判断鼠标移入移出方向的方法
2020/06/24 Javascript
jQuery使用jsonp实现百度搜索的示例代码
2020/07/08 jQuery
Python 中的range(),以及列表切片方法
2018/07/02 Python
利用Python如何批量更新服务器文件
2018/07/29 Python
python多任务及返回值的处理方法
2019/01/22 Python
python:按行读入,排序然后输出的方法
2019/07/20 Python
pymysql的简单封装代码实例
2020/01/08 Python
如何在Django中使用聚合的实现示例
2020/03/23 Python
使用CSS变量实现炫酷惊人的悬浮效果
2019/04/26 HTML / CSS
镇党委书记群众路线整改措施思想汇报
2014/10/13 职场文书
小学少先队辅导员述职报告
2015/01/10 职场文书
社区青年志愿者活动总结
2015/05/06 职场文书
培根随笔读书笔记
2015/07/01 职场文书
pandas进行数据输入和输出的方法详解
2022/03/23 Python
Go获取两个时区的时间差
2022/04/20 Golang