搜索过滤器如果为空则显示消息

Question

在Angular 4中，我试图迭代一个程序数组。并且还添加了搜索管道。如果找不到搜索，我想显示一条消息。

我该如何处理这个问题？

这是ngFor

<div class="col-sm-6 col-md-4" *ngFor="let programme of programmes | search: searchText">
    <programme [programme]="programme"></programme>
  </div>

据我所知，我无法一起使用ngIf和ngFor。有什么方法可以使用ngIfElse吗？如果没有找到搜索，那么显示一条消息？

Answer 1

如果结果为空，则在管道中可以返回-1或某个值

this

在您的html代码中，您可以这样做

 transform(value, searchTerm) {
    let result = ...
    if(result.length === 0) {
      return [-1];
    }
    return result;
  }