AngularJS的ng-click传参的方法
2017-06-19 16:04
781 查看
今天遇到个难题就是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能看到传的参数值,但是这样事件点击无效,如下图;
只有将点击事件中的参数直接引入才能在对应的JS代码中获取该参数
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章推荐
- angularJS 单击ng-click和双击ng-dblclick嵌套或者出现在同一元素 避免事件互相干扰方法
- AngularJS 中 ng-click传参使用随记
- AngularJS动态增加dom,导致里面ng-click、modal绑定失效的问题解决方法
- Angularjs的ng-repeat中去除重复数据的方法
- AngularJS使用ng-class动态增减class样式的方法示例
- AngularJS框架的ng-app指令与自动加载实现方法分析
- AngularJS监听ng-repeat渲染完成的方法
- AngularJS的ng-click过程
- angular ngClick阻止冒泡使用默认行为的方法
- AngularJS的ng-click阻止冒泡
- AngularJS中ng-class使用方法
- ng-click 中写的表达式,能使用 JS 原生对象上的方法吗?
- AngularJS监听ng-repeat渲染完成的两种方法
- AngularJS例子 ng-repeat遍历输出 通过js的splice方法删除当前行
- AngularJS中如果ng-src 图片加载失败处理方法
- AngularJS中ng-options实现下拉列表的数据绑定方法
- AngularJS:在ng-click中使用Filter。
- angular动态添加带有ng-click的元素节点方法
- angularjs-ng-click 指令
- AngularJS基础 ng-click 指令示例代码