Famo.us + Angular.js - 过滤器列表答案

【问题标题】：Famo.us + Angular.js - filter listFamo.us + Angular.js - 过滤器列表
【发布时间】：2015-03-26 04:33:07
【问题描述】：

我正在玩 Famo.us 和 Angular，我有一个关于过滤的问题。我有这个：

//LIST THAT I WOULD LIKE TO FILTER
<fa-view>
   <fa-modifier fa-size="[300,undefined]">
      <fa-surface><ul><li style="color:white" ng-repeat="track in tracks | filter:searchInput">{{track}}</li></ul></fa-surface>
   </fa-modifier>
</fa-view>


//MY INPUT I WOULD LIKE TO USE TO FILTER
<fa-surface fa-size="[400,60]">
    <center>
       <input ng-model="searchInput" type="text" />
    </center>
</fa-surface>

这些项目不会像这样直接堆叠，而是存在于同一个应用程序中。我目前根本无法过滤列表。我试图将 ng-repeat 直接应用于修饰符，结果相同。我错过了什么吗？

任何帮助都会很棒，谢谢。

【问题讨论】：

标签： javascript angularjs famo.us

【解决方案1】：

filter:searchInput 中的searchInput 应该是一个函数，而不是一个对象。

函数应该为每个匹配过滤器的值返回 true，否则返回 false。

所以你应该定义一个像

这样的过滤函数

function filterByInput(inputText) { return inputText == $scope.searchInput; }

差不多

并在filter: filterByInput中使用它

【讨论】：