如果没有数据将显示消息
if no data will be displayed message
我在 HTML 中有表,表的行是重复的 angular-js 指令,称为 ng-repeat。我正在搜索和排序具有 ng-model 指令的过滤器文本输入,以便我可以过滤任何数据。我在我的angularjs应用程序中使用ui-bootstrap。
一切正常,但如果用户搜索并且表中没有数据,那么我想使用 ng-show 指令显示消息。
这是我的代码。
<tbody>
<tr ng-repeat="item in HocaListesiDetails.slice(((currentPage-1)*itemsPerPage), (currentPage*itemsPerPage)) | filter:Search | orderBy:orderUserSelected " ng-style="item.TabloId == selectedHoca && {'background-color':'#ccc'}" ng-click="hocaSec(item.TabloId)">
<td>{{$index+1}}</td>
<td>{{item.AdSoyad}}</td>
<td>{{item.TcNumarasi}}</td>
<td>{{item.Telefon}}</td>
<td>{{item.DogumYeri}}</td>
<td>{{item.DogumTarihi | formattedFilter | date}}</td>
</tr>
<tr ng-show="FilteredHocaListesiDetails.length == 0" style="background:#fff;">
<td colspan="6">
<div class="alert alert-info">
<p class="text-center">Aradığınız kişi bulunamadı.</p>
</div>
</td>
</tr>
</tbody>
试试这个
<tr ng-show="(FilteredHocaListesiDetails| filter:search).length == 0" style="background:#fff;">
<td colspan="6">
<div class="alert alert-info">
<p class="text-center">Aradığınız kişi bulunamadı.</p>
</div>
</td>
</tr>
我认为,您需要在ng-show中包含"filter:Search"以检查长度。
相关文章:
- 如果localstorage为空,则显示欢迎消息
- 消息显示之外的淘汰验证
- ng消息仅在触摸时显示错误,并在错误的初始显示上转换
- 显示服务工作者状态的消息
- 如果用户输入的长度小于最小长度,则显示错误消息
- 当我的条件为true时,显示一条弹出消息
- 为我的rails应用程序显示javascript弹出消息
- javascript文本验证不起作用.警报消息没有't显示
- 如何在asp.net按钮上显示Bootstrap Autocloseable警报消息
- Parsleyjs:如何取消默认消息显示
- 有角度的ng消息显示ng重复表单上的错误
- 为什么我的 JS 代码没有将消息显示到 HTML 页面
- 如何停止 PHP 脚本的响应消息显示为页面的唯一内容
- 错误消息显示在所有分区中
- 警报消息显示我的逻辑是正确的,但谷歌Chrome's的html输出查看器显示不同的内容
- 插件Jquery Validation的错误消息显示不正确
- 鼠标悬停消息显示在图像的某些部分
- 检查文件是否存在,根据消息显示jQuery
- Jquery错误消息显示在每个字段上
- 当错误消息显示用户名和密码不匹配时,如何通过Cognito验证用户池中的用户?