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

相关内容

热门资讯

9分钟辅助!德普之星私人局辅助... 9分钟辅助!德普之星私人局辅助器,xpoker辅助神器,机巧教程(证实有挂)进入游戏-大厅左侧-新手...
第3分钟辅助!we poker... 第3分钟辅助!we poker辅助器v3.3,wepoker透视功能下载,机巧教程(有挂透视)1、超...
第8分钟辅助!wepoker怎... 第8分钟辅助!wepoker怎么开辅助,黑侠破解wepoker,课程教程(今日头条)1、上手简单,内...
第十分钟辅助!如何下载wpk透... 第十分钟辅助!如何下载wpk透视版,pokerworld软件,策略教程(有挂分享)如何下载wpk透视...
九分钟辅助!wepoker辅助... 九分钟辅助!wepoker辅助真的假的,cloudpoker作弊,手筋教程(证实有挂)1、每一步都需...
第十分钟辅助!wejoker辅... 第十分钟辅助!wejoker辅助器怎么卖,wepoker免费透视脚本,窍门教程(有挂方式)1、进入游...
十分钟辅助!wepoker-h... 十分钟辅助!wepoker-h5下载,pokernow辅助控制,绝活教程(有挂实锤)1、点击下载安装...
5分钟辅助!aapoker辅助... 5分钟辅助!aapoker辅助器怎么用,wepoker模拟器哪个好用,模板教程(有挂辅助)wepok...
八分钟辅助!wpk官网下载链接... 八分钟辅助!wpk官网下载链接,wpk透视怎么安装,教程书教程(有挂分享)该软件可以轻松地帮助玩家将...
9分钟辅助!wepoker怎么... 9分钟辅助!wepoker怎么买辅助,wepoker安装教程,课程教程(有挂方略)1、wepoker...