ngif在false时不立即加载模板

Question

我有一个组件，当true时将加载YouTube视频。然而，当ngIF语句评估太假时，模板不会加载。问题的背景是，当广告拦截器阻止YouTube视频时，我试图有条件地呈现div，只是为了让用户知道为什么内容没有加载，而不是有一个白框。我创建了一个返回布尔值的服务，我确信这是有效的。有趣的是，当我在Chrome开发工具元素过滤器中搜索匹配文本时，它会触发模板加载。

到目前为止，我已经尝试将变化检测参考放入不同的生命周期中。运气不好。我在一个最初由别人编写的组件上构建。它确实在Push上实现了一个变化检测策略。我不确定这是否会产生问题。

<div *ngIf='loadYoutube; else loadError'>
    <iframe [width]="width"
        [height]="height"
        [src]="src | safe:'url'"
        frameborder="0"
        allowfullscreen
        class="youtube-player">
    </iframe>
</div>
<ng-template #loadError>
    <p>
      Turn Yo ad blocker off please
    </p>
</ng-template>

目前，当 loadYouTube 评估为 true 时，它会按预期执行。如果为 false，则会出现一个白框。如前所述，从镶边检查器的“元素”选项卡搜索关键字时，会加载模板。

Answer 1

谢谢你们的帮助。和往常一样，这个问题比原先想象的要简单得多。在更高级别的主管中，实际上有一块画布占据了文本要占据的相同区域。有趣的是，当在chrome元素工具中搜索关键文本时，它会将文本放在前面。这让我们认为这是一个角度渲染问题。只是有点朦胧。

Answer 2

Loadyoutube总有价值？你是在构造函数中初始化还是在ngOnInit中初始化？

同时尝试使用默认策略，我认为onPush会在您的情况下产生问题。