Angular DOM 更新问题，直到加载子组件

大佬教程收集整理的这篇文章主要介绍了Angular DOM 更新问题，直到加载子组件，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决Angular DOM 更新问题，直到加载子组件？

开发过程中遇到Angular DOM 更新问题，直到加载子组件的问题如何解决？下面主要结合日常开发的经验，给出你关于Angular DOM 更新问题，直到加载子组件的解决方法建议，希望对你解决Angular DOM 更新问题，直到加载子组件有所启发或帮助；

我正在尝试在加载子组件之前启动加载器（微调器）。我正在设置加载器 div 的可见性以在按钮的单击操作中显示块。并在子组件完全加载后尝试停止加载器，即在子组件的 ngAfterVIEwInit 中。@H_450_3@

但是加载器永远不会被渲染。@H_450_3@

这不仅仅是关于加载程序，如果您通过单击按钮更新任何 DOM 属性，它不会在 UI 中更新。@H_450_3@

我认为我的应用程序存在一些问题，因此从 angular.io 中获取了一个示例，并使用所需的加载程序对其进行了更新。它的行为仍然相同。@H_450_3@

带英雄之旅的游乐场在stackblitz进行测试。@H_450_3@

我也发现了 ngAfterViewInit 的一个错误，但它在 NativeScript 存储库中，所以我希望 angular 团队没有关注它。@H_450_3@

请告诉我在这种情况下更新 DOM 的正确方法是什么，或者如果这是角度问题，我会向他们提出。@H_450_3@

在 stackblitz 操场中，我在 ngAfterVIEwInit 中放置了一个警报以更改加载器内容是否可见，实际上如果我在本地运行该项目，firefox 会显示带有警报的加载器，在移除 alret 后 firefox 也无法显示加载器.@H_450_3@

代码流程： 仪表板是具有加载器 div 和单击事件以启动加载器的组件。 hero-detail 组件的 ngAfterVIEwInit 正在发出一个事件来停止加载器。@H_450_3@

解决方法

@H_618_22@

尝试使用“隐藏”而不是 ngIF ( [hidden]="heroDetail")。简而言之，ngIf 会在 DOM 中添加或删除元素，那么 DOM 事件将不会像您预期的那样被跟踪。 Hidden 将通过 CSS 隐藏或显示元素，保留其所有事件侦听器。@H_450_3@

您可以在以下位置阅读更多信息：@H_450_3@

https://www.angularjswiki.com/angular/difference-between-ngif-and-hidden-or-displaynone-in-angular/@H_450_3@