AngularJS – 过滤数据时更新.length
发布时间:2020-12-17 17:04:05 所属栏目:安全 来源:网络整理
导读:我有一个简单的ng-repeat来显示一大块数据. 用户可以通过在文本框中键入值来过滤数据. 在页面加载时,我正在为$scope中的总项目执行.length.我想要尝试做的是当用户在文本框中输入一个值时,要将此.length更新为结果发现: HTML: pOriginal Results found: {{
我有一个简单的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 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |