AngularJS的ng-click傳參的方法
更新時間:2017年06月19日 16:04:59 作者:Darkersky
本篇文章主要介紹了AngularJS的ng-click傳參的方法,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
今天遇到個難題就是ng-click傳參問題,在網(wǎng)上找了好多資料,先留個筆記
<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能看到傳的參數(shù)值,但是這樣事件點擊無效,如下圖;
只有將點擊事件中的參數(shù)直接引入才能在對應的JS代碼中獲取該參數(shù)
以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
您可能感興趣的文章:
- vue.js添加一些觸摸事件以及安裝fastclick的實例
- vue.js 添加 fastclick的支持方法
- JavaScript中click和onclick本質區(qū)別與用法分析
- JS實現(xiàn)同一DOM元素上onClick事件與onDblClick事件并存的解決方法
- JS中touchstart事件與click事件沖突的解決方法
- 詳解vue.js的事件處理器v-on:click
- 詳解angularJS動態(tài)生成的頁面中ng-click無效解決辦法
- Angularjs為ng-click事件傳遞參數(shù)
- JS基于onclick事件實現(xiàn)單個按鈕的編輯與保存功能示例
- JS實現(xiàn)頁面中所有img對象添加onclick事件及新窗口查看圖片的方法
- js原生實現(xiàn)FastClick事件的實例
- 快速解決js開發(fā)下拉框中blur與click沖突
- Javascript中綁定click事件的四種方式介紹
相關文章
AngularJS實現(xiàn)給動態(tài)生成的元素綁定事件的方法
這篇文章主要介紹了AngularJS實現(xiàn)給動態(tài)生成的元素綁定事件的方法,結合實例形式分析了AngularJS動態(tài)生成元素與事件綁定相關操作技巧,需要的朋友可以參考下2016-12-12angular基于ng-alain定義自己的select組件示例
這篇文章主要介紹了angular基于ng-alain定義自己的select組件示例,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-02-02Angular項目過大時的合理拆分angular?split
這篇文章主要為大家介紹了Angular項目過大時的合理拆分angular?split示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2022-07-07angularJs使用ng-repeat遍歷后選中某一個的方法
今天小編就為大家分享一篇angularJs使用ng-repeat遍歷后選中某一個的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09