欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

AngularJS的ng-click傳參的方法

 更新時(shí)間：2017年06月19日 16:04:59   作者：Darkersky  
本篇文章主要介紹了AngularJS的ng-click傳參的方法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

今天遇到個(gè)難題就是ng-click傳參問(wèn)題，在網(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}}')" 這樣雖然在頁(yè)面上debugger能看到傳的參數(shù)值，但是這樣事件點(diǎn)擊無(wú)效，如下圖；

 

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

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

  • Angular之jwt令牌身份驗(yàn)證的實(shí)現(xiàn)

    Angular之jwt令牌身份驗(yàn)證的實(shí)現(xiàn)

    這篇文章主要介紹了Angular之jwt令牌身份驗(yàn)證的實(shí)現(xiàn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2020-02-02
  • AngularJS包括詳解及示例代碼

    AngularJS包括詳解及示例代碼

    本文主要介紹AngularJS包括的基礎(chǔ)知識(shí)，這里整理了相關(guān)資料并附示例代碼和實(shí)現(xiàn)效果圖，有需要的小伙伴可以參考下
    2016-08-08
  • angularjs實(shí)現(xiàn)與服務(wù)器交互分享

    angularjs實(shí)現(xiàn)與服務(wù)器交互分享

    AngularJS是Google開(kāi)發(fā)的純客戶端JavaScript技術(shù)的WEB框架,用于擴(kuò)展、增強(qiáng)HTML功能,它專為構(gòu)建強(qiáng)大的WEB應(yīng)用而設(shè)計(jì)。
    2014-06-06
  • AngularJS中過(guò)濾器的使用與自定義實(shí)例代碼

    AngularJS中過(guò)濾器的使用與自定義實(shí)例代碼

    這篇文章運(yùn)用實(shí)例代碼給大家介紹了angularjs中過(guò)濾器的使用和自定義過(guò)濾器，對(duì)大家學(xué)習(xí)AngularJS具有一定的參考借鑒價(jià)值，感興趣的朋友們可以參考借鑒。
    2016-09-09
  • AngularJS實(shí)現(xiàn)給動(dòng)態(tài)生成的元素綁定事件的方法

    AngularJS實(shí)現(xiàn)給動(dòng)態(tài)生成的元素綁定事件的方法

    這篇文章主要介紹了AngularJS實(shí)現(xiàn)給動(dòng)態(tài)生成的元素綁定事件的方法,結(jié)合實(shí)例形式分析了AngularJS動(dòng)態(tài)生成元素與事件綁定相關(guān)操作技巧,需要的朋友可以參考下
    2016-12-12
  • 淺談angularJS的$watch失效問(wèn)題的解決方案

    淺談angularJS的$watch失效問(wèn)題的解決方案

    本篇文章主要介紹了淺談angularJS的$watch失效問(wèn)題的解決方案，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下。
    2017-08-08
  • angular基于ng-alain定義自己的select組件示例

    angular基于ng-alain定義自己的select組件示例

    這篇文章主要介紹了angular基于ng-alain定義自己的select組件示例,小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2018-02-02
  • Angular項(xiàng)目過(guò)大時(shí)的合理拆分angular?split

    Angular項(xiàng)目過(guò)大時(shí)的合理拆分angular?split

    這篇文章主要為大家介紹了Angular項(xiàng)目過(guò)大時(shí)的合理拆分angular?split示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
    2022-07-07
  • 詳解AngularJS中ng-src指令的使用

    詳解AngularJS中ng-src指令的使用

    這篇文章給大家詳細(xì)介紹了AngularJS中ng-src指令的使用，對(duì)大家學(xué)習(xí)AngularJS具有一定參考價(jià)值，有需要的朋友們可以參考借鑒。
    2016-09-09
  • angularJs使用ng-repeat遍歷后選中某一個(gè)的方法

    angularJs使用ng-repeat遍歷后選中某一個(gè)的方法

    今天小編就為大家分享一篇angularJs使用ng-repeat遍歷后選中某一個(gè)的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
    2018-09-09

最新評(píng)論