如果结果为0,则显示消息

时间:2016-08-12 13:21:30

标签: javascript angularjs html5 angularjs-ng-repeat

我有一个表格过滤器,如果过滤器什么也没找到,我想要显示没有结果 简而言之,必要的代码:

<th>Keys
<input ng-model="k" id="search" class="form-control" placeholder="Suche...">
            </th>  
<tr dir-paginate="v in result = ($ctrl.langV  | filter:{Name:k}) | orderBy : 'Name' |itemsPerPage: 10">
            <td class="td-keys">{{v.Name}}
            </td>
            <td ng-if="result.length === 0">Keine Ergebnisse</td>

我已经找到了一些例子:

 <td ng-show="result.length">Keine Ergebnisse</td>  

显示额外的td,因为找到了结果。但是相反没有结果永远不会奏效。 Thx for Solutions:)

2 个答案:

答案 0 :(得分:0)

在您引用的三个示例中,它们显示ng-repeat的无结果消息 outside 。您将在 ng-repeat中显示无结果消息。尝试将该语句置于ng-repeat的范围之外,看看它是否有效。

答案 1 :(得分:0)

首先,您必须为&#34;结果&#34; 提供别名,如filteredItems,如下所示:

<tr dir-paginate="v in $ctrl.langV | filter: { Name: k } | orderBy : 'Name' | itemsPerPage: 10 as filteredItems">

然后,您可以使用它:

<td ng-if="!filteredItems.length">No results</td>