AngularJS中将筛选器结果绑定到输入失败

Binding Filter results to input fails in AngularJS

本文关键字：绑定 输入 失败 结果 筛选 AngularJS      更新时间：2023-09-26

我的代码是这样的

<body ng-app="">
<div ng-init="friends = [{name:'John', phone:'555-1276'},
                       {name:'Mary', phone:'800-BIG-MARY'},
                       {name:'Mike', phone:'555-4321'},
                       {name:'Adam', phone:'555-5678'},
                       {name:'Julie', phone:'555-8765'},
                       {name:'Juliette', phone:'555-5678'}]"></div>Name only
<input ng-model="search.name">
<br>
    <h3>Results</h3>
<table id="searchObjResults">
    <tr>
        <th>Name</th>
        <th>Phone</th>
    </tr>
    <tr ng-repeat="friendObj in friends | filter:search:strict">
     name:   <input ng-model="friendObj.name" />
        <td>{{friendObj.name}}</td>
         <td>{{friendObj.phone}}</td>
    </tr>
</table>

当任何搜索发生时，我想将结果数据绑定到我提供的输入框中。过滤是正确的，但我无法将其绑定到我的输入。但是它正确地结合到CCD_ 1。小提琴有人能告诉我我在这里做错了什么吗？

我认为您的输入应该在一个td中。看看这个小提琴

http://jsfiddle.net/u08xucsj/

请记住，tr只能有td

相关文章：