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

标签 javascript php jquery angularjs

我正在使用 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 方式获取单击的“保存”按钮(单击“保存”按钮时)上方每个输入字段的值。

enter image description here

最佳答案

这里你能做的最好的事情就是使用 ngModel 对象/数组。修复你的代码,它看起来像这样:

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

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

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

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

关于javascript - 获取 ng-repeat 重复输入元素的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29714271/

相关文章:

javascript - 将我的页面更新为 jQuery

javascript - Mozilla 中未显示货币符号 $(印度卢比)

php - 如何公平地返回数据库结果-MySQL、PHP

php - 替代 mysql_real_escape_string (access_denied)

javascript - 特雷弗爵士未定义

javascript - 如何将一组值和键推送到 JavaScript 对象?

php - 从特定数字开始更改表中所有行的 id 值

php - 电子邮件重新输入警报jquery

javascript - 如何: Control character count p tag with contenteditable ="true"?

javascript - onreadystatechange 里面应该有什么?