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使用查询手册
Mar 07 Javascript
一款Jquery 分页插件的改造方法(服务器端分页)
Jul 11 Javascript
javascript五图轮播切换实用版
Aug 17 Javascript
jquery删除指定子元素代码实例
Jan 13 Javascript
如何利用模板将HTML从JavaScript中抽离
Oct 08 Javascript
实例浅析js的this
Dec 11 Javascript
Vim快速合并行及vim 将文件所有行合并到一行
Nov 27 Javascript
面包屑导航详解
Dec 07 Javascript
使用weixin-java-tools完成微信授权登录、微信支付的示例
Sep 26 Javascript
使用vue-router切换页面时实现设置过渡动画
Oct 31 Javascript
js实现烟花特效
Mar 02 Javascript
浅谈实现在线预览PDF的几种解决办法
Aug 10 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 地区分类排序算法
2013/07/01 PHP
PHP基于socket实现的简单客户端和服务端通讯功能示例
2017/07/10 PHP
laravel框架学习笔记之组件化开发实现方法
2020/02/01 PHP
TopList标签和JavaScript结合两例
2007/08/12 Javascript
js中将多个语句写成一个语句的两种方法小结
2007/12/08 Javascript
jquery获取table中的某行全部td的内容方法
2013/03/08 Javascript
你必须知道的Javascript知识点之&quot;深入理解作用域链&quot;的介绍
2013/04/23 Javascript
禁止页面刷新让F5快捷键及右键都无效
2014/01/22 Javascript
初步了解javascript面向对象
2015/11/09 Javascript
jQuery滚动新闻实现代码
2016/06/26 Javascript
smartupload实现文件上传时获取表单数据(推荐)
2016/12/12 Javascript
使用JS 插件qrcode.js生成二维码功能
2017/02/20 Javascript
BackBone及其实例探究_动力节点Java学院整理
2017/07/14 Javascript
echarts学习笔记之箱线图的分析与绘制详解
2017/11/22 Javascript
微信小程序点击item使之滚动到屏幕中间位置
2020/03/25 Javascript
TypeScript的安装、使用、自动编译的实现
2020/04/10 Javascript
Vite和Vue CLI的优劣
2021/01/30 Vue.js
Python使用scrapy采集数据时为每个请求随机分配user-agent的方法
2015/04/08 Python
Python面向对象之继承代码详解
2018/01/29 Python
Python异常对代码运行性能的影响实例解析
2018/02/08 Python
python3.x实现发送邮件功能
2018/05/22 Python
python中的二维列表实例详解
2018/06/19 Python
python3中os.path模块下常用的用法总结【推荐】
2018/09/16 Python
Pandas直接读取sql脚本的方法
2021/01/21 Python
VELTRA台湾:世界自由行专家
2017/08/15 全球购物
英国灯具和灯泡网上商店:Lights.co.uk
2018/02/02 全球购物
环境工程大学生自荐信
2013/10/21 职场文书
优秀的茶餐厅创业计划书
2014/01/03 职场文书
莫言诺贝尔获奖演讲稿
2014/05/21 职场文书
环卫工作汇报材料
2014/10/28 职场文书
自我检讨报告
2015/01/28 职场文书
2015年清明节网上祭英烈活动总结
2015/03/26 职场文书
2015年社区科普工作总结
2015/05/13 职场文书
2015年监理个人工作总结
2015/05/23 职场文书
2015年学校远程教育工作总结
2015/07/20 职场文书
关于python中模块和重载的问题
2021/11/02 Python