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

时间:2014-10-20 05:19:33

标签: angularjs

我创建了一个简单的下拉菜单,并使用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"/>

我无法找出我做错了什么。

以下是plunker示例http://plnkr.co/edit/xC0M97NUpnqeq1Vx21Ol

1 个答案:

答案 0 :(得分:0)

导致您发出问题的ng-init

我不确定您尝试使用代码实现的目标,但如果从select元素中删除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>