angular - Angular SSG + CSR 与 nginx

Question

我正在考虑将 SSG 和 CSR 与 Angular 混合的想法。现在我做了一个 nginx 设置，这样当我转到 localhost:80 时，我会得到一些简单的 HTML 页面。有一些静态内容，我也放了自己的标签<app-dynamic>。我想要的是用这个标签触发 Angular（<app-root>默认情况下在 Angular 中）。所以我做了一个简单的 Angular 应用，主组件（也叫它<app-dynamic>）里面有一个红色的 div。因此，为了进行测试，我构建了 Angular 应用程序并复制了所有脚本并将其粘贴到我的静态 HTML 文件中。

<script src="runtime.js" defer></script><script src="polyfills.js" defer></script><script src="vendor.js" defer=""></script><script src="main.js" defer></script>

现在，如果我打开 localhost:80 我仍然可以像以前一样看到我的静态内容，并且我的<app-dynamic>组件获得了属性：

<app-dynamic _nghost-serverapp-c2="" ng-version="12.1.5"></app-dynamic>

因此，据我了解，Angular 开始在页面上工作。我的控制台中没有错误。但是只有一个空标签，而如果我打开我的 Angular 应用程序 (localhost:4200)，我可以看到我的红色 div。所以这意味着 Angular 开始工作但没有用内容填充我的根标签。我该如何解决这个简单的例子？

当然，这是一个非常狭窄的案例，看起来我想在另一个应用程序（带有静态 html 服务的 Nginx）中使用一个应用程序（Angular）的现成脚本。但这只是为了测试以了解如何混合这些实体。主要目标是将SSG与CSR连接起来。

标签： angularnginxclient-sidessg