相关疑难解决方法(0)

我有一个简单的垫卡头像布局，它在我的应用程序的许多页面的标题中显示圆形图标。我发现在许多页面上（但不是所有页面，即使使用相同类型的代码）都没有mat-card-avatar在初始渲染通道上正确渲染。

我正在使用这段代码：

<h1 fxLayout="row">
      <div mat-card-avatar class="header-icon">
        <mat-icon>home</mat-icon>
      </div>
      Welcome {{ user.userName }}
</h1>

第一次渲染时（即完全刷新浏览器），预期的圆形图标显示为方形：

如果我然后导航到具有相同布局样式的另一个视图，则可以mat-card-avatar正确呈现，就像然后导航回原始视图一样：

真正奇怪的是，我在很多页面上使用相同的基本布局，在某些页面上如所描述的那样失败，而在其他页面上则有效。大多数其他有效的方法往往更加复杂。

我怀疑这是一个计时问题，但我查看了代码并尝试了移动包含，但没有任何效果。也许与这种情况相反的是，图标显示的原色也来自样式 - 因此肯定会应用一些材质样式。

在调试器中查看渲染的 HTML，我发现渲染的 HTML 没有任何区别 - 相同的 HTML 标记、类和样式，无论以哪种方式渲染，这确实很奇怪。

有没有人遇到过这个问题，或者对可能导致这个问题的原因以及任何解决方法有任何建议？