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损坏

相关内容

热门资讯

辅助开挂！情怀娱乐辅助器，哈糖... 辅助开挂！情怀娱乐辅助器，哈糖大菠萝能开挂吗（透视）开挂辅助平台（确实有挂）;人气非常高，ai更新快...
辅助开挂！盛世辅助，pokem... 辅助开挂！盛世辅助，pokemmo脚本手机版（透视）开挂辅助安装（有挂教程）;一、盛世辅助有挂的是的...
开挂辅助！黑科技辅助器软件，w... 开挂辅助！黑科技辅助器软件，wepoker底牌透视脚本（透视）开挂辅助平台（有挂细节）;一、黑科技辅...
辅助开挂！微乐小程序有脚本吗，... 辅助开挂！微乐小程序有脚本吗，xpoker怎么辅助（透视）开挂辅助插件（有挂秘诀）；亲真的是有正版授...
辅助开挂！泉州相约十三水辅助，... 辅助开挂！泉州相约十三水辅助，德州透视脚本（透视）开挂辅助神器（真实有挂）;泉州相约十三水辅助是一项...
透视辅助“佛手大菠萝13道挂哪... 您好：这款游戏是可以开挂的，确实是有挂的，很多玩家在这款游戏中打牌都会发现很多用户的牌特别好，总是好...
开挂辅助！天天爱柳州麻将辅助器... 开挂辅助！天天爱柳州麻将辅助器，德扑圈透视挂（透视）开挂辅助神器（存在有挂）；天天爱柳州麻将辅助器中...
透视安装“pokemmo手机版... 您好：这款游戏是可以开挂的，确实是有挂的，很多玩家在这款游戏中打牌都会发现很多用户的牌特别好，总是好...
辅助开挂！创思维辅助器，wep... 辅助开挂！创思维辅助器，wepoker有没有插件（透视）开挂辅助工具（揭秘有挂）；创思维辅助器软件透...
透视线上“哈糖大菠萝软件下载”... 透视线上“哈糖大菠萝软件下载”开挂(透视)辅助安装(可靠技巧有挂透明挂)；无需打开直接搜索微信（13...