Angular元素（自定义元素）在DOM中不可见。 _程序开发

创始人

2024-10-30 18:00:39

0次

通常情况下，创建Angular元素后，您需要手动将其添加到DOM中。解决此问题的一种方法是使用Angular提供的自定义元素。这可以通过将Angular元素转换为web component来实现。下面是代码示例：

import { Component, ViewEncapsulation } from '@angular/core'; import { createCustomElement } from '@angular/elements';

@Component({ selector: 'example-element', template:

Example Angular Element

, encapsulation: ViewEncapsulation.ShadowDom, }) export class ExampleElementComponent { }

const ExampleElement = createCustomElement(ExampleElementComponent, { injector: this.injector });

customElements.define('example-element', ExampleElement);

这样，自定义元素就可以显示在DOM中了。

黑科技美元局！好运大菠萝有辅助... 黑科技美元局！好运大菠萝有辅助吗（ai辅助）确实有挂（有挂私人房）-哔哩哔哩；《WPK辅助透视》‌：...

黑科技存在！微扑克有挂吗（ai... 黑科技存在！微扑克有挂吗（ai辅助）一直是有挂（有挂私人房）-哔哩哔哩；支持多人共享记分板与复盘，通...

黑科技玄学！wepoke怎么使... 黑科技玄学！wepoke怎么使用模拟器（透视）果然是真的有挂（有挂大厅房）-哔哩哔哩1、很好的工具软...

黑科技透明挂！微扑克线上代打（... 此外，数据分析德州(微扑克线上代打)辅助神器app还具备辅助透视行为开挂功能，通过对客户微扑克线上代...

黑科技玄学！gg扑克有赢的吗（... 黑科技玄学！gg扑克有赢的吗（ai辅助）真是有挂（有挂新版）-哔哩哔哩；《WPK辅助透视》‌：支持手...

辅助黑科技！德扑之星怎么清楚数... 辅助黑科技！德扑之星怎么清楚数据（辅助挂）从来真的有挂（有挂盈利）-哔哩哔哩1、点击下载安装，微扑克...

黑科技安装！gg扑克有辅助吗（... 黑科技安装！gg扑克有辅助吗（辅助挂）真是存在有挂（有挂系统）-哔哩哔哩1、点击下载安装，微扑克wp...

黑科技存在！云扑克确实真的有挂... 1、黑科技存在！云扑克确实真的有挂（ai代打）好像真的是有挂（有挂德州）-哔哩哔哩；详细教程。2、云...

黑科技教程！xpoker透视辅... 黑科技教程！xpoker透视辅助（ai代打）原本真的有挂（有挂猫腻）-哔哩哔哩；玩家必备必赢加哟《1...

黑科技神器！wpk俱乐部系统（... 1、黑科技神器！wpk俱乐部系统（透视）切实是真的有挂（有挂渠道）-哔哩哔哩。2、wpk俱乐部系统透...