Angular2如果没有来自服务器的数据，我怎样才能正确使用ngIf显示一些文本？

Question

我从服务器获取一些数据并使用ngFor来显示它们（这是搜索功能）但是当没有结果时，我想显示文字说'没有结果'

我该怎么做？

我到目前为止尝试了这个但是这不起作用。

 <div *ngIf="teaInfo != '{}'">

        <div class="starter-template text-xs-center">
            <h5 style = "text-align:center">No result</h5>

        </div>

   </div>

Answer 1

使用 ngSwitch 检查数据是否存在，如果没有可用数据，则显示默认消息：

您也可以在 IF 语句的帮助下获得以下结果，但建议使用切换而不是If语句以获得更好的效果。

<div [ngSwitch]="true">
    <div *ngSwitchCase="teaInfo != null && teaInfo.length>0">
        //Perform operation on data
    </div>
    <div *ngSwitchDefault>
         There's no result                 
     </div>
</div>

Answer 2

NgFor用于数组。所以请检查

*ngIf="teaInfo.length>0"