AngularJS – 过滤数据时更新.length

前端之家收集整理的这篇文章主要介绍了AngularJS – 过滤数据时更新.length前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个简单的ng-repeat来显示一大块数据.

用户可以通过在文本框中键入值来过滤数据.

页面加载时,我正在为$scope中的总项目执行.length.我想要尝试做的是当用户在文本框中输入一个值时,要将此.length更新为结果发现:

HTML

<p>Original Results found: {{ items.length }}</p>

<p>Updated Results found: {{ i.length }}</p>

<br>

<div>
  <ul>
    <li ng-repeat="i in items | filter: searchText | limitTo: limit">{{ i.Title }}</li>
  </ul>
</div>

<br>


<input ng-model="searchText">
<button ng-click="performSearch(searchText)">Submit</button>

这是我的傻瓜:http://plnkr.co/edit/B0gHuI3z8XUsTidXrl4V?p=preview

解决方法

您可以将筛选的数组存储在临时数组中

<p>Original Results found: {{ items.length }}</p>

<p>Updated Results found: {{ filteredArray.length }}</p>

<br>

<div>
  <ul>
    <li ng-repeat="i in filteredArray = (items | filter: searchText) | limitTo: limit">              {{ i.Title }}</li>
  </ul>
</div>

<br>


<input ng-model="searchText">
<button ng-click="performSearch(searchText)">Submit</button>

工作人员:

http://plnkr.co/edit/c5Rg8v45Z6TYV19Ss0Fx?p=preview

猜你在找的Angularjs相关文章