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本質(zhì)區(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事件的四種方式介紹
相關文章
這篇文章主要介紹了Angular之jwt令牌身份驗證的實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-02-02
本文主要介紹AngularJS包括的基礎知識，這里整理了相關資料并附示例代碼和實現(xiàn)效果圖，有需要的小伙伴可以參考下2016-08-08
AngularJS是Google開發(fā)的純客戶端JavaScript技術的WEB框架,用于擴展、增強HTML功能,它專為構建強大的WEB應用而設計。2014-06-06
這篇文章運用實例代碼給大家介紹了angularjs中過濾器的使用和自定義過濾器，對大家學習AngularJS具有一定的參考借鑒價值，感興趣的朋友們可以參考借鑒。2016-09-09
AngularJS實現(xiàn)給動態(tài)生成的元素綁定事件的方法
這篇文章主要介紹了AngularJS實現(xiàn)給動態(tài)生成的元素綁定事件的方法,結合實例形式分析了AngularJS動態(tài)生成元素與事件綁定相關操作技巧,需要的朋友可以參考下2016-12-12
本篇文章主要介紹了淺談angularJS的$watch失效問題的解決方案，具有一定的參考價值，感興趣的小伙伴們可以參考一下。2017-08-08
angular基于ng-alain定義自己的select組件示例
這篇文章主要介紹了angular基于ng-alain定義自己的select組件示例,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-02-02
Angular項目過大時的合理拆分angular?split
這篇文章主要為大家介紹了Angular項目過大時的合理拆分angular?split示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-07-07
這篇文章給大家詳細介紹了AngularJS中ng-src指令的使用，對大家學習AngularJS具有一定參考價值，有需要的朋友們可以參考借鑒。2016-09-09
angularJs使用ng-repeat遍歷后選中某一個的方法
今天小編就為大家分享一篇angularJs使用ng-repeat遍歷后選中某一個的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09