最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

AngularJS的ng-click传参的方法

来源:动视网 责编:小OO 时间:2020-11-27 20:18:01
文档

AngularJS的ng-click传参的方法

今天遇到个难题就是ng-click传参问题,在网上找了好多资料,先留个笔记。<;ul id=";dataSet";ng-repeat=";item in infos";ng-model=";dataSet";>;<;li ng-click=";sentOutQuery(';{{item.detailId}}';)";>;<;p class=";voucherLeft";>;<;p class=";p1";>;{{item.transAmount}}<;/p>;<;p class=";p2";>;<。
推荐度:
导读今天遇到个难题就是ng-click传参问题,在网上找了好多资料,先留个笔记。<;ul id=";dataSet";ng-repeat=";item in infos";ng-model=";dataSet";>;<;li ng-click=";sentOutQuery(';{{item.detailId}}';)";>;<;p class=";voucherLeft";>;<;p class=";p1";>;{{item.transAmount}}<;/p>;<;p class=";p2";>;<。
 本篇文章主要介绍了AngularJS的ng-click传参的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

今天遇到个难题就是ng-click传参问题,在网上找了好多资料,先留个笔记

<ul id="dataSet" ng-repeat="item in infos" ng-model="dataSet">
 <li ng-click="sentOutQuery('{{item.detailId}}')" >
 <p class="voucherLeft">
 <p class="p1">{{item.transAmount}}</p>
 <p class="p2">已分配:<span >{{item.usePoints}}</span></p>
 </p>
 <p class="voucherRight">
 <p class="p3">授信方:<span>{{item.rollOutAccountName}}</span></p>
 <p class="p4">授信日期:<span>{{item.createTime}}</span></p>
 </p>
 </li>
</ul>

ng-click="sentOutQuery('{{item.detailId}}')" 这样虽然在页面上debugger能看到传的参数值,但是这样事件点击无效,如下图;

只有将点击事件中的参数直接引入才能在对应的JS代码中获取该参数

文档

AngularJS的ng-click传参的方法

今天遇到个难题就是ng-click传参问题,在网上找了好多资料,先留个笔记。<;ul id=";dataSet";ng-repeat=";item in infos";ng-model=";dataSet";>;<;li ng-click=";sentOutQuery(';{{item.detailId}}';)";>;<;p class=";voucherLeft";>;<;p class=";p1";>;{{item.transAmount}}<;/p>;<;p class=";p2";>;<。
推荐度:
标签: 方法 的方法 参数
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top