首頁 > web前端 > js教程 > AngularJS的ng-click傳參的方法

AngularJS的ng-click傳參的方法

陈政宽~
發布: 2018-05-30 14:51:24
原創
6272 人瀏覽過

這篇文章主要介紹了AngularJS的ng-click傳參的方法,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟著小編過來看看吧

今天遇到個難題就是ng-click傳參問題,在網路上找了很多資料,先留個筆記

<ul id="dataSet" ng-repeat="item in infos" ng-model="dataSet">
  <li ng-click="sentOutQuery(&#39;{{item.detailId}}&#39;)" >
    <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>
登入後複製
//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=&#39;sentOutQuery.html&#39;;
}
登入後複製

ng-click=" sentOutQuery('{{item.detailId}}')" 這樣雖然在頁面上debugger能看到傳的參數值,但是這樣事件點擊無效,如下圖;

 

只有將點擊事件中的參數直接引入才能在對應的JS程式碼中取得該參數

#

以上是AngularJS的ng-click傳參的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板