Angular指令选择器不适用于外部库中的元素。
创始人
2024-10-30 23:00:30
0

要在Angular中使用外部库中的元素,可以通过包装器指令来解决这个问题。以下是一个示例:

import { Directive, ElementRef, AfterViewInit } from '@angular/core';

@Directive({
  selector: '[externalElementWrapper]'
})
export class ExternalElementWrapperDirective implements AfterViewInit {

  constructor(private el: ElementRef) { }

  ngAfterViewInit() {
    // 在此处初始化外部库中的元素
    const externalElement = new ExternalLibraryElement(this.el.nativeElement);
  }
}

然后,在你的组件模板中使用这个包装器指令来包装外部库中的元素:

ExternalElementWrapperDirective中,我们使用ElementRef来获取包装器指令所在元素的原生DOM元素。在ngAfterViewInit生命周期钩子中,我们可以访问到外部库中的元素,并执行任何初始化操作。

通过使用包装器指令,我们可以在Angular中使用外部库中的元素,而不需要使用Angular指令选择器。

相关内容

热门资讯

2026版复盘!黑侠破解wep... 2026版复盘!黑侠破解wepoker,德普之星的辅助工具介绍,原来真的有挂(今日头条)1、德普之星...
揭秘!福州天天开心辅助,微乐陕... 揭秘!福州天天开心辅助,微乐陕西三代自建房挂,详细方法(有挂解惑)1、完成微乐陕西三代自建房挂有辅助...
技巧辅助挂!wepokerpl... 技巧辅助挂!wepokerplus外挂,智星菠萝透视,一贯真的是有挂(新版有挂)进入游戏-大厅左侧-...
推荐十款!微信小程序功夫川麻小... 推荐十款!微信小程序功夫川麻小程序辅助,四川熊猫辅助软件视频,详细app(确实有挂)1、打开软件启动...
推荐十款!新畅游插件,微信小程... 推荐十款!新畅游插件,微信小程序微乐辅助器脚本,详细教程(存在有挂)微信小程序微乐辅助器脚本透视方法...
黑科技攻略!wepoker免费... 黑科技攻略!wepoker免费钻石,德普辅助器怎么用,竟然存在有挂(讲解有挂)1)德普辅助器怎么用免...
来一盘!九游辅助真的假的,广东... 来一盘!九游辅助真的假的,广东雀神智能插件,详细app(有挂透明挂)九游辅助真的假的破解侠是真的助透...
第三方插件!wepoker买脚... 第三方插件!wepoker买脚本靠谱吗,智星菠萝可以辅助吗,确实真的是有挂(有挂教学);1、每一步都...
分享认知!wepoker内置辅... 分享认知!wepoker内置辅助器,边锋老友内蒙古辅助,详细工具(有挂存在)一、边锋老友内蒙古辅助游...
据玩家消息!wepoker高级... 据玩家消息!wepoker高级辅助,德扑之星辅助工具如何设置,一贯存在有挂(确实有挂)1、德扑之星辅...