首页 > 代码库 > AngularJS的ng-click传参
AngularJS的ng-click传参
1 <ul id="dataSet" ng-repeat="item in infos" ng-model="dataSet"> 2 <li ng-click="sentOutQuery(‘{{item.detailId}}‘)" > 3 <div class="voucherLeft"> 4 <p class="p1">{{item.transAmount}}</p> 5 <p class="p2">已分配:<span >{{item.usePoints}}</span></p> 6 </div> 7 <div class="voucherRight"> 8 <p class="p3">授信方:<span>{{item.rollOutAccountName}}</span></p> 9 <p class="p4">授信日期:<span>{{item.createTime}}</span></p> 10 </div> 11 </li> 12 </ul>
//js代码
1 $scope.sentOutQuery = function(sourceDetail){ 2 var expiresDate= new Date(); 3 expiresDate.setTime(expiresDate.getTime() + 2*1000); 4 $cookieStore.put("sourceDetailId", sourceDetail,{expires : expiresDate}); 5 console.log(sourceDetail); 6 window.location.href=http://www.mamicode.com/‘sentOutQuery.html‘;>7 }
ng-click="sentOutQuery(‘{{item.detailId}}‘)" 这样虽然在页面上debugger能看到传的参数值,
但是这样事件点击无效,如下图;
只有将点击事件中的参数直接引入才能在对应的JS代码中获取该参数
AngularJS的ng-click传参
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。