angular6 - 链接 Angular 6 和 Angular 4 应用程序

Question

我有一个以 Angular 6 运行的 Angular 应用程序，我还有另一个以 Angular 4 运行的应用程序。现在我有一种情况可以在 Angular 6 内重用该 Angular 4 应用程序。当用户单击 Angular 6 中的菜单时需要在组件中加载 Angular 4 应用程序的应用程序。这可能吗？我不想使用 iframe 和对象标签，有什么选择可以实现吗？

Answer 1

我向您提供使用加载您的 Angular 4 应用程序的 iframe 标记。

<iframe src="http://angular4apphost/">
  <p>Your browser does not support iframes.</p>
</iframe>

Answer 2

在这种情况下，首先您应该在 angular 4 项目中进行一些更改。

第 1 步：将 HttpModule 替换为 HttpClientModule 并分别在整个 Angular 4 项目中将 HttpClient 的更改为 Http 。

第 2 步：当您使用 HttpClient 时，它将在您编写 api 服务的服务页面中显示错误。所以修复它。

第 3 步：卸载 angular 4 并使用以下命令进行更新。

rm -rf node_modules
npm uninstall --save-dev angular-cli
npm install --save-dev @angular/cli@latest
npm install