angular2中的隐藏属性[隐藏]在一秒钟后被触发，因此显示元素

Question

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

Answer 1

而不是[hidden]，更好的解决方案是使用ngIf 和else syntax：

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