确保组件正确初始化

Question

我已经开始使用

初始化保护所有组件

<my-component*ngIf="someInput" [input]="someInput"><my-component>

在初始化组件之前，是否有更好的方法来确保输入存在？

是否有任何性能原因允许组件在没有输入的情况下进行初始化并在组件内进行检查？

Answer 1

最大的考虑因素是设计选择以及这些组件如何相互作用。子组件与您父母的关系如何？父母会在真或假之间切换输入吗？ ngIf在false时销毁一个组件，如果组件很重，可能对性能有好处，但如果组件很重，则不一定有必要。

在数据之前渲染组件的性能原因是它可以更快地初始化并在屏幕上显示。如果输入是异步的并且需要一段时间才能加载，那么在输入准备好之前，组件将不会在页面上显示。相反，在输入到达之前，首先渲染子组件并显示加载符号可能是更好的用户体验。