【问题标题】:Add input ng-model search to group filtering将输入 ng-model 搜索添加到组过滤
【发布时间】:2016-04-11 22:03:31
【问题描述】:

我想将输入 ng-model 搜索添加到我的 Angular 应用程序中

<div ng-app="app" ng-controller="Main">
<input ng-model="dddd"><br>
<div ng-repeat="playerPerTeam in playersToFilter() | filter:filterTeams">
<b>{{playerPerTeam.team}}</b>
  <li ng-repeat="player in players | filter:{team: playerPerTeam.team}">{{player.name}}</li> 
  </div>
</div>

这里的完整代码: https://jsfiddle.net/lukasz9999/070ebre7/2/

输入的 ng-model 应该过滤 player.name

感谢您的任何提示!

【问题讨论】:

    标签: angularjs angularjs-filter angularjs-ng-model


    【解决方案1】:

    这是一个例子:

    https://jsfiddle.net/rokoala/143ea6xL/

    searchFilter 作为输入的 ng-model 并在 ng-repeat 上进行过滤。

    <input ng-model="searchFilter"><br>
    
    <li ng-repeat="player in players | filter:{team: playerPerTeam.team} | filter:searchFilter">{{player.name}}</li>       
    

    【讨论】:

    • 太棒了!非常感谢
    • @luke9999 如果此答案解决了您的问题,您应该将其标记为已接受,以便帮助有类似问题的开发人员。
    猜你喜欢
    • 2013-01-03
    • 2017-01-15
    • 2018-12-31
    • 2016-01-21
    • 2016-12-20
    • 1970-01-01
    • 2016-10-19
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多