Question

我正在使用此代码

<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中找不到数据。

Answer 1

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>

Answer 2

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

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

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

2 个答案: