Angular元素（自定义元素）在DOM中不可见。
创始人
2024-10-30 18:00:39
0次

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

  1. 首先，定义一个Angular组件，将其转换为自定义元素。

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);

  1. 然后，您可以在HTML中使用此自定义元素：

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

上一篇：Angular元素组件的多个实例

下一篇：Angular源映射的sourceMappingUrl损坏

相关内容

热门资讯

重磅来袭！aapoker透视方... 自定义wepoker到底有没有透视系统规律，只需要输入自己想要的开挂功能，一键便可以生成出微扑克专用...
一分钟教会你！wepoker永... 一分钟教会你！wepoker永久免费脚本，hhpoker免费透视脚本，微扑克教程（有挂透视）1、点击...
分享一款！wepoker有没有... 分享一款！wepoker有没有挂，hhpoker是正品吗，科技教程（有挂技巧）；小薇（透视辅助）致您...
技术分享！aapoker透视怎... 技术分享！aapoker透视怎么用，wepoker看底牌，2025新版教程（有挂技巧）；致您一封信；...
必备科技！拱趴大菠萝有挂吗，德... 您好，拱趴大菠萝有挂吗这款游戏可以开挂的，确实是有挂的，需要了解加微【136704302】很多玩家在...
一分钟了解！德州私人局怎么透视... 一分钟了解！德州私人局怎么透视，pokemmo手机脚本，2025新版教程（有挂透视）；原来确实真的有...
一分钟揭秘！哈糖大菠萝开挂，h... 一分钟揭秘！哈糖大菠萝开挂，hhpoker作弊码，必胜教程（有挂技巧）；1.哈糖大菠萝开挂 ai辅助...
今日公布！哈糖大菠萝可以开挂吗... 今日公布！哈糖大菠萝可以开挂吗，wepoker怎么看底牌，详细教程（有挂方法）是由北京得哈糖大菠萝可...
玩家攻略！哈糖大菠萝有挂吗，佛... 玩家攻略！哈糖大菠萝有挂吗，佛手在线大菠萝智能辅助器，2025新版技巧（有挂软件）;1分钟了解详细教...
最新技巧！模拟器打开hhpok... 最新技巧！模拟器打开hhpoker，wpk官网下载链接，我来教教你（有挂方法）；模拟器打开hhpok...