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 相关文章推荐
Javascript实现的分页函数
Dec 22 Javascript
文本域光标操作的jQuery扩展分享
Mar 10 Javascript
一个仿糯米弹框效果demo
Jul 22 Javascript
JS简单实现城市二级联动选择插件的方法
Aug 19 Javascript
动态加载JavaScript文件的两种方法
Apr 22 Javascript
bootstrap table 多选框分页保留示例代码
Mar 08 Javascript
JS优化与惰性载入函数实例分析
Apr 06 Javascript
5分钟打造简易高效的webpack常用配置
Jul 04 Javascript
PHP 实现一种多文件上传的方法
Sep 20 Javascript
vue基于两个计算属性实现选中和全选功能示例
Feb 08 Javascript
详解vue 路由跳转四种方式 (带参数)
Apr 28 Javascript
如何写好一个vue组件,老夫的一年经验全在这了(推荐)
May 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使用get_headers函数判断远程文件是否存在的方法
2014/11/28 PHP
分享一则PHP定义函数代码
2015/02/26 PHP
php类自动加载器实现方法
2015/07/28 PHP
PHP互换两个变量值的方法(不用第三变量)
2016/11/14 PHP
Javascript &amp; DHTML 实例编程(教程)基础知识
2007/06/02 Javascript
用 Javascript 验证表单(form)中多选框(checkbox)值
2009/09/08 Javascript
浅析jquery的作用与优势
2013/12/02 Javascript
jQuery Validate初步体验(一)
2015/12/12 Javascript
javascript自动切换焦点控制效果完整实例
2016/02/02 Javascript
Bootstrap中的表单验证插件bootstrapValidator使用方法整理(推荐)
2016/06/21 Javascript
Node.js配合node-http-proxy解决本地开发ajax跨域问题
2016/08/31 Javascript
vue-cli中打包图片路径错误的解决方法
2017/10/26 Javascript
微信小程序实现底部导航
2018/11/05 Javascript
Vue-Cli 3.0 中配置高德地图的两种方式
2019/06/19 Javascript
jQuery 动画与停止动画效果实例详解
2020/05/19 jQuery
基于JavaScript实现大文件上传后端代码实例
2020/08/18 Javascript
python实现划词翻译
2020/04/23 Python
python Django模板的使用方法(图文)
2013/11/04 Python
Python内置函数 next的具体使用方法
2017/11/24 Python
Python MySQLdb 使用utf-8 编码插入中文数据问题
2018/03/13 Python
python中的变量如何开辟内存
2018/06/26 Python
python使用Paramiko模块实现远程文件拷贝
2019/04/30 Python
Python-copy()与deepcopy()区别详解
2019/07/12 Python
selenium与xpath之获取指定位置的元素的实现
2021/01/26 Python
HTML5 video标签(播放器)学习笔记(二):播放控制
2015/04/24 HTML / CSS
英国邮购活的植物主要供应商:Gardening Direct
2019/01/28 全球购物
FirstCry阿联酋儿童和婴儿产品网上购物:FirstCry.ae
2021/02/22 全球购物
班组长安全生产职责
2013/12/16 职场文书
商务英语求职自荐信范文
2013/12/24 职场文书
假释思想汇报范文
2014/10/11 职场文书
小学老师对学生的评语
2014/12/29 职场文书
2015年世界无烟日活动方案
2015/05/04 职场文书
起诉书范文
2015/05/20 职场文书
张思德观后感
2015/06/09 职场文书
入门学习Go的基本语法
2021/07/07 Golang
Python+OpenCV实现图片中的圆形检测
2022/04/07 Python