AngularJS的ng-click傳參的方法
今天遇到個(gè)難題就是ng-click傳參問題,在網(wǎng)上找了好多資料,先留個(gè)筆記
<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ù)值,但是這樣事件點(diǎn)擊無效,如下圖;

只有將點(diǎn)擊事件中的參數(shù)直接引入才能在對(duì)應(yīng)的JS代碼中獲取該參數(shù)

以上就是本文的全部內(nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- vue.js添加一些觸摸事件以及安裝fastclick的實(shí)例
- vue.js 添加 fastclick的支持方法
- JavaScript中click和onclick本質(zhì)區(qū)別與用法分析
- JS實(shí)現(xiàn)同一DOM元素上onClick事件與onDblClick事件并存的解決方法
- JS中touchstart事件與click事件沖突的解決方法
- 詳解vue.js的事件處理器v-on:click
- 詳解angularJS動(dòng)態(tài)生成的頁面中ng-click無效解決辦法
- Angularjs為ng-click事件傳遞參數(shù)
- JS基于onclick事件實(shí)現(xiàn)單個(gè)按鈕的編輯與保存功能示例
- JS實(shí)現(xiàn)頁面中所有img對(duì)象添加onclick事件及新窗口查看圖片的方法
- js原生實(shí)現(xiàn)FastClick事件的實(shí)例
- 快速解決js開發(fā)下拉框中blur與click沖突
- Javascript中綁定click事件的四種方式介紹
相關(guān)文章
AngularJS實(shí)現(xiàn)標(biāo)簽頁的兩種方式
這篇文章分別給大家介紹了AngularJS實(shí)現(xiàn)標(biāo)簽頁的兩種方式,一種是通過普通指令實(shí)現(xiàn)標(biāo)簽頁,另外一種是通過自定義指令實(shí)現(xiàn)的標(biāo)簽頁,有需要的朋友們可以來參考借鑒,下面來一起看看吧。2016-09-09
angularjs請(qǐng)求數(shù)據(jù)的方法示例
這篇文章主要給大家介紹了關(guān)于angularjs請(qǐng)求數(shù)據(jù)的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用angularjs具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08
詳解Angularjs 自定義指令中的數(shù)據(jù)綁定
這篇文章主要介紹了Angularjs 自定義指令中的數(shù)據(jù)綁定,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-07-07
Angular入口組件(entry component)與聲明式組件的區(qū)別詳解
Angular項(xiàng)目中$scope.$apply()方法的使用詳解
用Angular實(shí)時(shí)獲取本地Localstorage數(shù)據(jù),實(shí)現(xiàn)一個(gè)模擬后臺(tái)數(shù)據(jù)登入的效果
Angular 2 利用Router事件和Title實(shí)現(xiàn)動(dòng)態(tài)頁面標(biāo)題的方法

