google-chrome-extension - NgFor 不渲染使用 Angular 11 在 chrome 扩展构建中添加到数组中的新项目

Question

我正在使用 Angular 11 开发 chrome 扩展。为了构建项目，我使用了 custom-webpack 并按照博客中的建议提供了 background.ts 的入口点：Link。

<div class="container">
    <span><b>Steps</b></span><br>
    <span *ngFor="let step of steps;">
      {{step}}<br>
    </span>
</div>

我在我的应用程序组件模板中使用了上面的代码片段。项目在运行时被推送到步骤数组，如果我在控制台中记录步骤数组，我看到项目被推送到数组但没有呈现到 UI。

请帮助我了解如何在 chrome 扩展中使用 ngfor。为了开发扩展，我参考了上述链接。

标签： google-chrome-extensionngforangular11