angular - ngStyle 仅在 F5 后应用（刷新）

Question

在我的角度项目中，我的组件 html 中有这一行

...
[ngStyle]="{'background-color': grayedOut ? '#999999' : '#ffffff'}">
...

其中 grayedOut 被定义为 my-component.ts 文件中的输入，如下所示：

...
@Input() grayedOut: boolean;
...

然后我在一个视图组件 html 中实例化我的组件，如下所示：

...
<app-my-component [grayedOut]=true ></app-my-component>
...

但它永远不会在第一次加载时起作用，我必须按 F5 才能应用灰色样式。我究竟做错了什么 ？预先感谢您的帮助。

标签： angular