AngularJS在多个字段中应用过滤器

Question

我的目标是通过标题搜索我的笔记，并按字母或单词限制截断正文。我不知道是否可以这样做以及如何做到这一点。我不想搞乱任何自定义过滤器，指令等。

这是html的一个想法：

<section class="notespage" ng-controller="NotesController">
 <h2>Notes list</h2>

 <div>
  Search:
  <input type="text" ng-model="searchText">
 </div>

 <div class="notesleft">
  <div class="notelist">  
   <div ng-repeat="note in notes | filter:searchText | truncate:{body:letterLimit}">
    <div><h3>{{note.title}}</h3></div>
    <div>{{note.body}}</div>
   </div>
  </div>
 </div>
</section>

应该在哪里？在NotesController中？

$scope.letterLimit = 20 ;

Answer 1

由于您不想“搞乱”自定义过滤器等，您可以使用内置的 limitTo 过滤器来限制显示为{{1的字符数}}：

note.body

另请参阅此 short demo 。