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

Question

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

我的 Angular 中继器

       <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移动到你的 Controller 中，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);
 });