angularjs中的下拉菜单与ng-repeat中的过滤器一起使用时出现问题

Question

我创建了一个简单的下拉菜单，并使用AngularJS绑定数据。它工作正常

<table>
    <tr ng-repeat="r in msr | filter:search" > 
        <td>{{r.MSR_NO}}</td>
        <td>
            <select ng-init="r.MSR_STATUS = {VALUE:r.MSR_STATUS}"
                    ng-model="r.MSR_STATUS"
                    ng-options="g.NAME for g in msrStatus track by g.VALUE" 
                    name="MSR_STATUS">
            </select>
        </td>
    </tr>
</table>

但是当我使用文本框过滤它时，它添加了意想不到的值字段。

<input type="text" ng-model="search"/>

我找不到我做错了什么。

下面是柱塞示例http://plnkr.co/edit/xC0M97NUpnqeq1Vx21Ol

Answer 1

是ng-init导致了你的问题。

我不确定您的代码要达到什么目的，但是如果您从选择元素中删除了ng-init，则filter-input将停止向您的模型添加值。

<select ng-model="r.MSR_STATUS"
        ng-options="g.NAME for g in msrStatus track by g.VALUE" 
        name="MSR_STATUS">
</select>