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

How to pass AngularJS ng-repeat Variable to Javascript click event

本文关键字：Javascript 事件 变量 AngularJS ng repeat      更新时间：2023-09-26

我想知道如何将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（）调用中）所有其他属性都按预期显示。

您运行的是直接的javascript onclick，而不是ng-click。

将confirmDialog移动到您的控制器中，点击可以连接到它。

 <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);
 });

如果你不想使用ng点击，你还有机会！尝试以下

<tr ng-repeat="supplier in suppliers" id="{{supplier.id}}">
       <button onclick="readVariable(this);">
</tr>
<script>
    function readVariable(elem){
        id = elem.parentNode.id;
        console.log(id);  //it works!
    }
</script>

您应该使用ng点击来访问ng重复变量

<button ng-click="ConfirmDialog(sub.SubID)">Cancel</button>
相关文章：