Javascript angular2中的隐藏属性[hidden]在第二秒后被激发，因此显示元素

我在应用程序中使用[hidden]属性根据特定条件隐藏某些元素。场景是，我有一个显示结果的div，我有一个显示文本“无结果”的div。两个div都应用了条件[hidden]属性。理想的情况是，当页面加载并且结果来自服务器时，页面上不应该显示“no results”div，当服务器没有结果时，应该显示测试“no results”。但问题是，当页面加载时，从服务器加载结果需要一秒钟，在这一秒钟内，第二个div显示为“No results”。每次刷新页面时都会发生这种情况。我想防止这种行为，也就是说，我想要一个干净的页面，在数据来自服务器后，我想在页面上显示结果或“无结果”数据，但现在我对如何实现这一点感到困惑。有什么帮助吗

与

[隐藏]

相比，更好的解决方案是将

ngIf

与

else

一起使用：

结果
没有结果

一些代码可能会有所帮助

<div *ngIf="data |async; else elseBlock">Results</div>
<ng-template #elseBlock>No Results</ng-template>