如何将 Angular 5 应用程序嵌入到另一个页面的 HTML 中?

Apr*_*pre 1 html javascript typescript angular5

嗯,我正在处理一个项目并使用 Angular 5.2.0,我在其中使用他们的服务和一些模块完成了一个组件。想要此组件的公司更喜欢在其页面中包含像 Widget 这样的 Angular 应用程序。

我正在尝试一些像stackoverflow和 this选项这样的代码,但我不明白他们是如何做到这一点的。我想知道另一种方式或更好地解释这个问题。

我可以将所有应用程序打包在一个 JavaScript 中以包含在 HTML 页面中吗?

Ans*_*man 5

您需要创建一个自定义 Angular 元素,然后使用 WebComponent Polyfill(大多数浏览器本身不支持 Web 组件)将 Angular 元素加载到任何 HTML 页面中。

您可以检查以下网址:

https://angular.io/guide/elements

https://blog.angulartraining.com/tutorial-how-to-create-custom-angular-elements-55aea29d80c5

虽然我不太确定 Angular 5 是否支持它。但是 Angular 6 确实支持自定义元素。