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

相关内容

热门资讯

wepoke辅助有挂!来玩德州... wepoke辅助有挂!来玩德州app辅助软件,wpk德州俱乐部机器人(详细辅助教程);wpk透视辅助...
wpk真的有外 挂!wpk透视... wpk真的有外 挂!wpk透视辅助效果图,wpK原来真的有挂,详细教程,(有挂规律)1、wpk系统规...
德州之星辅助!德州之星辅助器多... 您好,德州之星辅助这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很多玩家在这款...
aapoker透明挂!wepo... aapoker透明挂!wepower德州扑克,WePoke本来真的有挂,2025教程(有挂揭秘)是一...
德州之星外挂!wpk有长期盈利... 1、德州之星外挂!wpk有长期盈利玩家,wpk到底有外挂(详细透视挂教程)2、进入游戏-大厅左侧-新...
wpk辅助挂!wpk俱乐部有a... wpk辅助挂!wpk俱乐部有ai(Wpk)一贯真的有挂-详细透视辅助教程;1、玩家可以在wpk软件透...
德扑之星有猫腻!德扑ai代打会... 德扑之星有猫腻!德扑ai代打会检测到,来玩德州app切实是真的有挂(详细作弊教程)1、打开德州pok...
wepoke ai辅助!wep... wepoke ai辅助!wepoke保险(辅助挂)WEpoke(其实真的有挂);超受欢迎的WEpok...
wpk辅助挂!wpk微扑克智能... 《wpk辅助挂软件透明挂》是一款多人竞技的wpk辅助挂辅助透视游戏,你将微扑克对手来到同一个战场,为...
德州AI智能辅助机器人!德扑分... 德州AI智能辅助机器人!德扑分析软件,线上wpk德州好像有挂(详细外 挂教程)1、实时德州AI智能辅...