Famo.us + Angular.js - 过滤列表

时间:2015-03-25 20:27:03

标签: javascript angularjs famo.us

我正在玩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直接应用于具有相同结果的修饰符。我错过了什么吗?

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

1 个答案:

答案 0 :(得分:0)

<{1}}中的{p> searchInput应该是一个函数,而不是一个对象。

对于与过滤器匹配的每个值,函数应返回true,否则返回false。

所以你应该定义一个像

这样的过滤函数

filter:searchInput

左右

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

中使用它