javascript - 当没有记录与 Angular 过滤器匹配时显示自定义消息

标签 javascript angularjs

我添加了基本功能,用户可以输入任何学生姓名来过滤表中的记录。 效果很好。

但是,我需要增强此功能,例如“未找到记录时显示消息未找到记录”

<input type="text" ng-model="searchKeyword">
<tr ng-repeat="student in students |filter: searchKeyword">
<td style="text-align: left;" width="296;">{{student.FirstName}} {{student .LastName}}</td>

有什么提示吗?

最佳答案

像下面这样没有?

<div ng-show="!(students.length > 0)">No Students Found! Call the COPS!</div>

这只是一个条件 View 。正如你所看到的,只会显示 id 的结果计数不大于 0! :)

或者更好:

<div ng-show="!(students| filter:searchKeyword).length">No Students Found</div>

引用:ng-show when array length is zero

关于javascript - 当没有记录与 Angular 过滤器匹配时显示自定义消息,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30843142/

相关文章:

JavaScript:除前和后缀增量/减量

javascript - 如何在 angular.js 指令中使用调用元素的文本?

AngularJS 设置 SSL header

javascript - 在 AngularJS 的另一个模块中调用 Controller 中的函数

javascript - 检测iframe是否跨域的万无一失的方法

javascript - 使用 JsPlumb 库形成两个 div 的闭环

javascript - 轮播 - 将文本与 slider 中的图像相关联

javascript - 在 Three.js 中将模型与 Material 合并时出现问题

javascript - Angular 不从复杂对象中选择选择框选项

node.js - 在 NodeJS 中向外行用户隐藏 Web 服务