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获取表格数据示例代码
May 26 Javascript
jquery获取及设置outerhtml的方法
Mar 09 Javascript
AngularJS中监视Scope变量以及外部调用Scope方法
Jan 23 Javascript
javascript事件冒泡简单示例
Jun 20 Javascript
Javascript对象字面量的理解
Jun 22 Javascript
浅谈layer的iframe弹窗给里面的标签赋值的问题
Nov 10 Javascript
vue ssr 实现方式(学习笔记)
Jan 18 Javascript
基于mpvue搭建微信小程序项目框架的教程详解
Apr 10 Javascript
微信小程序wepy框架学习和使用心得详解
May 24 Javascript
Vue 图片压缩并上传至服务器功能
Jan 15 Javascript
使用typescript改造koa开发框架的实现
Feb 04 Javascript
js实现简单的随机点名器
Sep 17 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制作简单的内容采集器的代码
2007/11/28 PHP
Laravel框架数据库CURD操作、连贯操作总结
2014/09/03 PHP
php取得字符串首字母的方法
2015/03/25 PHP
PHP中应该避免使用同名变量(拆分临时变量)
2015/04/03 PHP
PHP实现的支付宝支付功能示例
2019/03/26 PHP
Javascript笔记一 js以及json基础使用说明
2010/05/22 Javascript
jQuery版Tab标签切换
2011/03/16 Javascript
javascript控制Div层透明属性由浅变深由深变浅逐渐显示
2013/11/12 Javascript
js控制文本框只输入数字和小数点的方法
2015/03/10 Javascript
每天一篇javascript学习小结(Function对象)
2015/11/16 Javascript
整理Javascript流程控制语句学习笔记
2015/11/29 Javascript
JavaScript简单实现鼠标移动切换图片的方法
2016/02/23 Javascript
返回函数的JavaScript函数
2016/06/14 Javascript
Spring MVC中Ajax实现二级联动的简单实例
2016/07/06 Javascript
Html5 js实现手风琴效果
2020/04/17 Javascript
vue.js实现数据动态响应 Vue.set的简单应用
2017/06/15 Javascript
vue项目引入Iconfont图标库的教程图解
2018/10/24 Javascript
webpack结合express实现自动刷新的方法
2019/05/07 Javascript
微信小程序顶部导航栏可滑动并选中放大
2019/12/05 Javascript
vue路由传参的基本实现方式小结【三种方式】
2020/02/05 Javascript
pymongo实现多结果进行多列排序的方法
2015/05/16 Python
深入分析python中整型不会溢出问题
2018/06/18 Python
python3中os.path模块下常用的用法总结【推荐】
2018/09/16 Python
window环境pip切换国内源(pip安装异常缓慢的问题)
2019/12/31 Python
Python格式化输出--%s,%d,%f的代码解析
2020/04/29 Python
马来西亚在线时尚女装商店:KEI MAG
2017/09/28 全球购物
机械设计专业应届生求职信
2013/11/21 职场文书
银行职员自我鉴定
2014/04/20 职场文书
教师思想作风整顿个人剖析材料
2014/10/10 职场文书
2014年施工员工作总结
2014/11/18 职场文书
2014年电工工作总结
2014/11/20 职场文书
2014年工程师工作总结
2014/11/25 职场文书
大学生思想道德自我评价
2015/03/09 职场文书
js不常见操作运算符总结
2021/11/20 Javascript
VUE之图片Base64编码使用ElementUI组件上传
2022/04/09 Vue.js
Windows server 2012 NTP时间同步的实现
2022/06/25 Servers