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

相关内容

热门资讯

玩家攻略推荐"福建兄... >>您好:福建兄弟十三冰修改器确实是有挂的,很多玩家在这款福建兄弟十三冰修改器游戏中打牌都会发现很多...
热点讨论"打哈儿脚本... 热点讨论"打哈儿脚本免费"开挂(工具)辅助工具有人有挂-2026新版总结 >>您好:软件加薇1367...
热点推荐"手机游戏挂... 热点推荐"手机游戏挂机辅助软件"开挂(神器)辅助神器有挂攻略-可靠教程 >>您好:软件加薇13670...
必备教程"微信卡五星... 您好:这款微信卡五星辅助器游戏是可以开挂的,确实是有挂的,很多玩家在这款微信卡五星辅助器游戏中打牌都...
一分钟揭秘"下载微乐... 一分钟揭秘"下载微乐小程序自建房透视"开挂(神器)辅助神器新版有挂-微扑克教程1、下载安装好下载微乐...
重要通知"衡阳丫丫字... 重要通知"衡阳丫丫字牌靠谱吗"开挂(安装)辅助安装有挂分享-黑科技教程;无需打开直接搜索薇:1367...
传递经验"pokem... 传递经验"pokemmo脚本辅助下载"开挂(平台)辅助平台了解有挂-玩家教程《详细加薇1367043...
推荐十款"掌中乐游戏... 推荐十款"掌中乐游戏辅助器"开挂(下载)辅助下载有挂教程-辅助教程;无需打开直接搜索加薇136704...
透视透视"决战卡五星... 透视透视"决战卡五星看牌器"开挂(下载)辅助下载有挂解惑-透视教程>>您好:软件加薇13670430...
实测必看"传送屋激k... 实测必看"传送屋激k万能辅助器app"开挂(安装)辅助安装有挂总结-AI教程 【无需打开直接搜索加薇...