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

相关内容

热门资讯

技术分享作弊器!新老夫子作弊器... 技术分享作弊器!新老夫子作弊器AI技巧,新老夫子多功能一直存在有作弊器技巧1、新老夫子辅助软件下载优...
玩家必看教程外挂!残局斗地主外... 玩家必看教程外挂!残局斗地主外挂AI插件,残局斗地主多功能真是有外挂插件1、残局斗地主公共底牌简单,...
今日百科作弊器!欢乐茶馆作弊器... 今日百科作弊器!欢乐茶馆作弊器AIapp,欢乐茶馆多功能果然是有作弊器app一、欢乐茶馆游戏安装教程...
揭秘几款辅助!君悦来辅助AI工... 揭秘几款辅助!君悦来辅助AI工具,君悦来多功能竟然存在有辅助工具1、君悦来辅助器安装包、君悦来辅助器...
实测发现透视器!老夫子互娱透视... 实测发现透视器!老夫子互娱透视器AI软件,老夫子互娱多功能竟然存在有透视器软件1、玩家可以在老夫子互...
玩家必看透视器!汇和透视器AI... 玩家必看透视器!汇和透视器AI攻略,汇和多功能竟然是真的有透视器攻略1、首先打开汇和辅助器下载最新版...
分享认知外挂!快盈外挂AI方法... 分享认知外挂!快盈外挂AI方法,快盈多功能果然是真的有外挂方法1、用户打开应用后不用登录就可以直接使...
每日必备透视器!哥哥跑得快透视... 每日必备透视器!哥哥跑得快透视器AI软件,哥哥跑得快多功能一贯存在有透视器软件1、进入游戏-大厅左侧...
热点推荐开挂!贪玩棋牌开挂AI... 热点推荐开挂!贪玩棋牌开挂AI脚本,贪玩棋牌多功能都是是有开挂脚本1、下载好贪玩棋牌透视辅助下载之后...
推荐一款开挂!卡卡众娱开挂AI... 推荐一款开挂!卡卡众娱开挂AI技巧,卡卡众娱多功能竟然有开挂技巧1)卡卡众娱辅助插件:进一步探索卡卡...