javascript - 过滤的 ng-repeat 中的对象数

标签 javascript angularjs angularjs-ng-repeat angularjs-ng-model

<分区>

我在一个站点中使用 angularjs,我有一个搜索输入可以过滤 View 中的列表。此列表与 ng-repeat 一起显示,该 ng-repeat 具有来自搜索输入的过滤器:

搜索输入:

<input type="text" placeholder="Device Search" class="form-control hasclear" 
  ng-model="searchText"/>

这里是 ng-repeat:

<tr ng-click="openModal(device['device_id'], device)" 
  ng-repeat="device in devices | filter:searchText | orderBy:predicate:reverse">

如您所见,ng-repeat 中的过滤器具有使用 ng-model 中的 searchText 变量的过滤器。我想知道是否有可能知道当用户在搜索输入中输入文本时找到了多少个对象(ng-repeat 显示有多少设备被过滤)。比如:0 台设备被发现3 台设备被发现...

有没有办法通过我构建此搜索的方式来显示此信息?

最佳答案

如果您在 <tr> 之外需要它标记,我会这样做:

<tr ng-click="openModal(device['device_id'], device)" 
ng-repeat="device in filteredResults = (devices | filter:searchText | orderBy:predicate:reverse)">

{{filteredResults.length}} devices were found

关于javascript - 过滤的 ng-repeat 中的对象数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28707156/

相关文章:

javascript - 如何在父窗口中打开iframe弹出窗口

javascript - 使用 Protractor -webdrivers 的 Safari 历史导航中的未知错误

javascript - 按类查找元素

javascript - 导航 Controller ,用于更新导航栏值,仅被调用一次

angularjs - 动态创建的指令属性在 AngularJS 的 ng-repeat 中不起作用

Angularjs - 分页出现在搜索过滤器之后

javascript - IE10/IE11 清除缓存后中止 Post Ajax 请求,错误为 "Network Error 0x2ef3"

javascript - v-将图像从对象绑定(bind)到 img src 不起作用

javascript - Angularjs保存用户输入数据并将其生成到json文件

javascript - 动态 Controller 传递给 ng-template