angular - 如果搜索结果为空，如何显示消息？

Question

现在我有了变量：

serachResult = [];

在 temaplte 我检查：

<div *ngIf="serachResult.length == 0">No data</div>

serachResult 仅当存在搜索响应时才填充数组。

问题是No data始终显示消息，如果用户不发出搜索请求

标签： angular

Answer 1

searchResult被初始化为空数组，因此即使在发出搜索请求之前，条件*ngIf="serachResult.length == 0"也会解析为真。这就是No Data即使用户不提出搜索请求也会显示的原因。

一旦用户提出搜索请求，您可以创建另一个变量isDisplaySearchResult = false并将其设置为 true。您的模板代码将更改如下 -

<div *ngIf="isDisplaySearchResult && serachResult.length == 0">No data</div>