Javascript Can'；t单击ng repeat using jQuery中的my按钮

我有一个ng repeat重复我表格中的一些数据，每张卡上都有一个按钮，你可以按下，我希望这个按钮在你按下时发出警报，这是我当前的代码：

 <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>

---

该按钮在ng repeat循环外工作，但在ng repeat内它不会触发onclick，感谢您的帮助，这是因为ng repeat元素是在document激发的“ready”事件之后创建的。您应该改为使用。

问题在于DOM还没有准备好。 您需要使用事件委派（您需要使用类而不是ID，因为它们会重复）

---

希望能有帮助：D

虽然我没有否决你的答案……但是你能解释一下，这对angular怎么行吗？一页中不能有重复的ID。这行不通。你打算如何将其与angular集成scope@charlietfl你确定吗，我没有看到这是一个循环，我只是更新了答案。

ng repeat

肯定是一个循环。在angular应用程序中，提出您正在提出的建议不是一个好的做法谢谢您的快速响应，但是这不起作用，而且需要ngClick，我现在已经修复了它，谢谢。请尝试一下这个

app=angular.module（'two_-way'，[]）；app.controller（'two_way_control'，function（$scope，$http，$interval）{load_pictures（）；$interval（function（）{load_pictures（）；}，300）；function load_pictures（）{$http.get（'http://localhost:3000/loadcoinflips）.success（函数（数据）{$scope.ids=data；}）；}；$scope.myFunction=function（）{alert（'Called'）}强烈建议阅读：答案很好，但你应该注意到这是为了ngClick，谢谢你的回复！在ngClick上做了一些阅读，这正是我所需要的。谢谢。很抱歉，非常新，所以，我会尝试现在就做
     $("#joinflip").click(
         function () {
             alert("Alert Message OnClick");
         }            
     );
 });

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