Javascript 按钮不总是在ng repeat内单击

我重复这一点：

<div id="container" ng-app='two_way' ng-controller='two_way_control'>
    <div ng-repeat="data in ids | orderBy:'amount'">
        <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}}
                            <button ng-click="joinflip(data.id)" class="right waves-effect waves-light btn"><i class="material-icons left">games</i>Play</button>                 
                        </div>
                    </div>
                </div>
            </center>           
        </div>

    </div>
</div>

{{data.amount}}用{{data.posted_昵称}投注硬币
游戏展示

---

该按钮并不总是触发该功能，因为当用户将鼠标移到该按钮上时，它会不断刷新，谢谢您的帮助

你能创建或不创建吗？我正在做的事情有很多层，问题是由于ng重复，按钮一直在刷新，这会让用户点击它时感到混乱。好吧，上面的代码看起来不错。我们该如何帮助你呢？我想这一定是一个经常发生的问题，所以你不知道如何解决？试着专门点击游戏，看看这是不是在它不启动的时候。