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指令选择器。

相关内容

热门资讯

分享一款!微乐春天扑克开挂辅助... 分享一款!微乐春天扑克开挂辅助插件(辅助挂)wepoker透视有吗(真是有挂)是一款可以让一直输的玩...
免费测试版!陕西扣点点脚本辅助... 免费测试版!陕西扣点点脚本辅助器(辅助挂)wepoker私局辅助(从来真的是有挂);AI辅助机器人普...
专业讨论!皮皮辅助软件下载(辅... 专业讨论!皮皮辅助软件下载(辅助挂)pokemmo手机脚本(固有是真的有挂);1、很好的皮皮辅助软件...
揭秘几款!吉祥填大坑插件(辅助... 揭秘几款!吉祥填大坑插件(辅助挂)xpoker辅助怎么用(本然是真的有挂);是一款可以让一直输的玩家...
科普攻略!雀神挂件价格骗局(辅... 您好,雀神挂件价格骗局这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很多玩家在...
分享个大家!开心泉州小程序工具... 分享个大家!开心泉州小程序工具(辅助挂)fishpoker透视(最初真的是有挂);开心泉州小程序工具...
最新技巧!金虎爷辅助插件(辅助... 最新技巧!金虎爷辅助插件(辅助挂)哈糖大菠萝万能挂(真是真的是有挂)相信很多朋友都在电脑上玩过金虎爷...
分享个大家!丽水都莱破解器(辅... 分享个大家!丽水都莱破解器(辅助挂)wepoker辅助器下载(最初真的是有挂);超受欢迎的丽水都莱破...
让我来分享经验!微信小程序游戏... 让我来分享经验!微信小程序游戏破解器(辅助挂)hhpoker是正品吗(一贯存在有挂);运微信小程序游...
传递经验!长城互娱辅助(辅助挂... 传递经验!长城互娱辅助(辅助挂)德普辅助器怎么用(都是真的是有挂);相信小伙伴都知道这个长城互娱辅助...