angular - 如何在 Angular 应用程序中嵌入 Angular 元素？

Question

我有一个 Angular 元素，带有自定义标记名 - fancy-button。如何将 fancy-button 嵌入 Angular 应用程序？

我已经尝试了以下方法，但都没有用 -

1. 在 index.html/angular.json[scripts] 中导入 Angular 元素脚本并在 app.component.html 中嵌入 fancy-button (在 Angular 应用程序中运行的根组件)

2. 在 app.component.html 中导入了 Angular 元素脚本，还在 app.component.html 中嵌入了 fancy-button (在 Angular 应用中运行的根组件)

谢谢

Answer 1

在 index.html 中，我添加了:

<script type="text/javascript" src="assets/cappapproot.js"></script>

(cappapproot.js 是我的 Angular Element js 的名字)

这导致了Uncaught Error: Zone already loaded.为了解决这个错误，在pollyfills.ts我注释掉了这一行:

import 'zone.js/dist/zone';  // Included with Angular CLI.