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有什么规律!hh... wepoker有什么规律!hhpoker买挂(透视)器-其实揭露真的是有挂1、在wepoker有什么...
透视必备!xpoker辅助(透... 透视必备!xpoker辅助(透视)wepoker手机助手,教程绝活(有挂方法)-哔哩哔哩wepoke...
微扑克微乐辅助!佛手在线大菠萝... 微扑克微乐辅助!佛手在线大菠萝辅助(透视)攻略-确实科普真的有挂1、佛手在线大菠萝辅助免费辅助多个强...
透视关于!wpk透视是真的吗(... 透视关于!wpk透视是真的吗(透视)aapoker透视插件,教程秘籍(有挂技巧)-哔哩哔哩1、用户打...
wepoker轻量版透视方法!... wepoker轻量版透视方法!hhpoker辅助靠谱吗(透视)脚本-果然解迷真的是有挂wepoker...
透视关于!德州透视竞技联盟(透... 透视关于!德州透视竞技联盟(透视)wejoker辅助软件,教程指引(有挂讲解)-哔哩哔哩1、全新机制...
we poker辅助器下载!来... we poker辅助器下载!来玩德州破解器(透视)神器-总是辅助真的有挂we poker辅助器下载是...
透视专业!德普之星透视辅助软件... 透视专业!德普之星透视辅助软件下载(透视)impoker辅助,教程讲义(有挂攻略)-哔哩哔哩1、完成...
hhpoker德州牛仔视频!w... hhpoker德州牛仔视频!wepoker私人局辅助(透视)方法-切实揭幕真的是有挂1、超多福利:超...
透视详细!wepoker免费脚... 透视详细!wepoker免费脚本咨询(透视)We poker辅助器下载,教程课程(有挂细节)-哔哩哔...