javascript - 获取 ng-repeat 重复输入元素的值

Question

我正在使用 ng-repeat 生成多个输入框，如下所示。使用 JQuery 我们分配一个类/唯一 ID 并获取它的值。但是我很困惑如何用 ng-repeat 做同样的事情。 (我在一个页面中显示 50 个列表项)。

<div class="input-group">
    <input id="commentinput+[item.listing_id]" data-comment="{{item.listing_id}}" ng-model="newscopeobj+{{}}" value="" type="text" class="form-control input-sm">
    <span class="input-group-btn">
        <button ng-click="validateComment(newscopeobj)" class="btn btn-warning btn-sm" id="btn-send">
            Save
        </button>
    </span>
</div>
                

以上代码不完整，错误代码。

重新表述问题:如何以 Angular 方式获取单击的保存按钮正上方的每个输入字段的值(单击保存按钮时)。

Answer 1

您在这里可以做的最好的事情是使用 ngModel 对象/数组。修复您的代码，它看起来像这样:

ng-model="newscopeobj[item.listing_id]"

在这种情况下，newscopeobj 对象将填充有可以通过相应的 item.listing_id 键识别的值。

另请注意，您不再需要 value、id 属性，因为您不必直接访问 DOM 元素来读取值。

演示: http://plnkr.co/edit/WmotdI71CD3fhM21HlAp?p=preview