是否可以在 web 组件的插槽中使用 angular 组件
Is it possible to use an angular component in a slot of a webcomponent
在我的 angular 应用程序（Angular v12 或最新版本）中，我使用的是自定义网络组件库。
其中一个是模态框，带有插槽（类似这样的东西：https://www.npmjs.com/package/@obsidiansoft/native-modal）
（抱歉，我无权 link 该代码。）
我试图在我的模式中显示一个 angular 组件，但是在检查模式 DOM 时，我有类似的东西：
<modal>
<app-my-custom-component></app-my-custom-component>
</modal>
Angular 未在模态中呈现 html 行为“app-my-custom-component”。
当内容是纯内容时，模式可以正常工作HTML :
<modal>
<p>A basic content</p>
</modal>
在浏览器中正确呈现。
这种用法可行吗？我需要什么 Angular 配置？
lit-elements returns Shadow DOM 元素，不能直接访问。
因此，即使您尝试在 Lit-Element 组件中插入一个 Angular 组件，您的 Angular 应用程序也将无法对阴影 DOM 和自定义元素（angular element/component) 您已添加。
是的，从性能和架构的角度来看，这似乎不是一个好主意。
在我的 angular 应用程序（Angular v12 或最新版本）中，我使用的是自定义网络组件库。
其中一个是模态框，带有插槽（类似这样的东西：https://www.npmjs.com/package/@obsidiansoft/native-modal）
（抱歉，我无权 link 该代码。）
我试图在我的模式中显示一个 angular 组件，但是在检查模式 DOM 时，我有类似的东西：
<modal>
<app-my-custom-component></app-my-custom-component>
</modal>
Angular 未在模态中呈现 html 行为“app-my-custom-component”。
当内容是纯内容时，模式可以正常工作HTML :
<modal>
<p>A basic content</p>
</modal>
在浏览器中正确呈现。
这种用法可行吗？我需要什么 Angular 配置？
lit-elements returns Shadow DOM 元素，不能直接访问。 因此，即使您尝试在 Lit-Element 组件中插入一个 Angular 组件，您的 Angular 应用程序也将无法对阴影 DOM 和自定义元素（angular element/component) 您已添加。
是的，从性能和架构的角度来看，这似乎不是一个好主意。