無法點擊我的按鈕內部ng重複使用jQuery

-3

我有一個ng重複從我的表中重複一些數據，並在每張卡上有一個按鈕，你可以按，我希望這個按鈕只是在你按下時發出警報它，這是我當前的代碼：無法點擊我的按鈕內部ng重複使用jQuery

<div class="row" ng-repeat="data in ids"> 
     <div class="row"> 
       <!--<div class="col s12 m6">--> 
       <center> 
     <div class="flipcard"> 
       <div class="card blue-grey darken-1"> 
        <div class="card-content white-text"> 
        <p>{{data.amount}} coin wager with {{data.posted_nickname}} 
        <a id="joinflip" class="right waves-effect waves-light btn"><i class="material-icons left">games</i>Play</a>     </div> 
         </div> 
         </div> 
         </center> 

      </div> 

     </div>

這是我的JavaScript：

$（文件）。就緒（函數（）{

 $("#joinflip").click(
     function() { 
      alert("Alert Message OnClick"); 
     }    
    ); 
});

的按鈕的使用方法納克外 - 重複循環，但是當w不要觸發onclick，謝謝你的幫助

來源

2016-03-03 iJamesPHP

不要嘗試這個'應用= angular.module（」 two_way'，[]）; app.controller（ 'two_way_control'，函數（$範圍，$ HTTP，$間隔）{ load_pictures（）; $間隔（函數（）{ load_pictures（）;} ，300）; 功能load_pictures（）$ http.get（'http：// localhost：3000/loadcoinflips'）.success（function（data）{scoped.id = data; }）; }; $ scope.myFunction = function （）{ alert（'Called'） } }）;' –

強烈建議閱讀：[thinking-in-angularjs-if-i-have-a-jquery-background]（http://stackoverflow.com/ q/14994391/1175966） – charlietfl

很好的答案，但你應該注意到這是ngClick，感謝repsonse，雖然 – iJamesPHP

這是因爲ng-repeat元素是在文檔觸發'ready'事件之後創建的。您應該改用ngClick。

來源

2016-03-03 20:41:15 m1gu3l

Sorted it！有沒有讀過ngClick，正是我所需要的感謝。 – iJamesPHP

很酷。所以請標記爲已回答並關閉。 – m1gu3l

對不起，很抱歉，現在就試試做 – iJamesPHP

問題是因爲DOM尚未準備好。你需要使用事件代表團（你需要使用一個類，而不是一個ID，因爲他們會重複）

$(document).on("click", ".joinflip", function() { 
    console.log("clicked"); 
});

希望它能幫助：d

來源

2016-03-03 20:41:16

爲什麼要投票？ –

雖然我沒有降低你的答案..但你能解釋一下，這怎麼可能與角？ –

頁面中不能有重複的ID。這不起作用。你打算如何將這與角度範圍整合 – charlietfl

無法點擊我的按鈕內部ng重複使用jQuery

回答

相關問題