如何将AngularJS ng-repeat变量传递给Javascript点击事件

Question

我想知道如何将Angular ng-repeat变量传递给我的Javascript onclick事件

我的角度转发器

       <div class="data" data-ng-repeat="sub in subs" >  
            <button onclick="ConfirmDialog(sub.SubID)">Cancel</button>
            {{ sub.someOtherProperty}}
            {{ sub.someOtherProperty}}
            {{ sub.someOtherProperty}}                
        </div>

我的脚本功能

<script type='text/javascript'>

    function ConfirmDialog(subID) {
             console.log('Succesfully submitted id: ', subID);
    });
 </script>

错误:sub未定义(在按钮元素的onclick()调用中)所有其他属性显示为预期.

Answer 1

您正在运行直接javascript onclick而不是ng-click.

将confirmDialog移动到您的控制器中,并且可以将ng-click连接到它.

 <div class="data" data-ng-repeat="sub in subs" >  
        <button ng-click="ConfirmDialog(sub.SubID)">Cancel</button>            
 </div>

 $scope.ConfirmDialog = function (subID) {
         console.log('Succesfully submitted id: ', subID);
 });