* ngIf之类的结构指令是否影响了应用程序或页面性能？

Question

如果我在Angular 4+组件html的许多地方都使用* ngIf，会影响应用程序或特定页面的性能吗？如果有影响，请提出解决此问题的更好方法。

Answer 1

最佳做法是，如果DOM元素不可见，则应使用DOM将它们从*ngIf中删除，而不是简单地使用CSS隐藏元素。俗话说，最快的代码是未运行的代码，最快的DOM是DOM不存在。

大量使用*ngIf可以帮助您减少DOM的好处。

您可以参考下面的文章，了解最佳角度实践，

https://www.lucidchart.com/techblog/2016/05/04/angular-2-best-practices-change-detector-performance/

Answer 2

如果您在段落之类的简单组件中使用它，并且所有这些都不会影响性能，但是如果您在资源密集型的组件上使用它们，则可能会影响应用程序的性能。高度消耗资源的组件意味着这里是您创建的<app-navbar></app-navbar>组件。 有关结构指令的更多信息，请访问

https://angular.io/guide/structural-directives