如何在datatable中显示空消息,如果在angularjs中找不到数据

时间:2016-05-13 09:22:53

标签: javascript angularjs datatable

我正在使用此代码

<table class="table table-striped b-t b-b patient-search-table"
ui-jp="dataTable" ui-option='{"emptyTable": "My Custom Message On
Empty Table"}'>
<tr><th>Name</th></tr>
<tr ng-repeat="user in users">
<td class="text-capitalize">{{user.name}}</td>
</tr>

那么,如果在数据表中显示空消息,如果在angularjs中找不到数据。

2 个答案:

答案 0 :(得分:2)

ng-if检查用户的长度:

<table class="table table-striped b-t b-b patient-search-table"
ui-jp="dataTable" ui-option='{"emptyTable": "My Custom Message On
Empty Table"}' ng-if="users.length > 0">
<tr><th>Name</th></tr>
<tr ng-repeat="user in users" >
<td class="text-capitalize">{{user.name}}</td>
</tr>
<div ng-if="users.length == 0">My Custom Message On Empty table</div>

答案 1 :(得分:2)

您可以使用ng-hide并检查数组是否为空

<div ng-hide="users.length">No Data Found</div>