javascript - 如果 Angular 模型中没有数据则显示消息

Question

我有一个 Angular 应用程序，可以将数据从 json 模板化到 HTML 表中。这里显示了一项。

http://plnkr.co/edit/EReUj4GkhGF36SS6RaX4?p=preview

<tr ng-repeat="item in data">
    <td><a href="{{ item.Name | removeSpacesThenLowercase }}">{{ item.Fields["{BB2389F3-555B-4FC6-B106-C0A23A55A15F}"].Value }}</a></td>
    <td>{{ item.Fields["{123A77C7-07D5-4CAA-85E0-8F9B9CEE110C}"].Value }}</td>
    <td>{{ item.Fields["{B588A80F-A8C0-4A97-A35A-07D81ED53E9B}"].Value | formatData}}</td>
</tr>

如果 json 中没有数据项，我想在表格单元格中显示一条消息:“没有可用数据”。

这是一个没有数据的 plunkr。有人可以帮我调整 Angular 来呈现此消息吗？

http://plnkr.co/edit/1B9aiNKAoEiyWwWiI7Mr?p=preview

<tr ng-repeat="item in data">
    <td colspan="3">No data available</td>
</tr>

Answer 1

使用ng-if="data.length==0"

<tr ng-if="data.length === 0">
    <td> No data available </td>
</tr>

这里是plunkr