Angular PrimeNG编辑器获取多个实例
创始人
2024-10-20 11:31:31
0

要获取多个PrimeNG编辑器的实例,可以使用ViewChild装饰器来引用每个编辑器的实例。以下是一个示例:

首先,确保已经在NgModule中导入了EditorModule

import {EditorModule} from 'primeng/editor';

然后,在组件类中使用ViewChild装饰器来引用每个编辑器的实例。给每个编辑器添加一个模板引用变量:



在组件类中,使用ViewChild装饰器来获取每个编辑器的实例:

import {Component, ViewChild} from '@angular/core';
import {Editor} from 'primeng/editor';

@Component({
  selector: 'app-editor',
  template: `
    
    
  `
})
export class EditorComponent {
  @ViewChild('editor1') editor1: Editor;
  @ViewChild('editor2') editor2: Editor;

  content1: string;
  content2: string;

  ngAfterViewInit() {
    // 在这里可以访问编辑器的实例
    console.log(this.editor1);
    console.log(this.editor2);
  }
}

现在,您可以通过this.editor1this.editor2访问每个编辑器的实例,并对其进行操作。

相关内容

热门资讯

第5分钟要领!hh poker... 第5分钟要领!hh poker透视器下载(透视)总是有辅助教程(哔哩哔哩)1、hh poker透视器...
第五分钟要领!pokemmo脚... 第五分钟要领!pokemmo脚本手机版(透视)其实是真的有辅助工具(哔哩哔哩);运pokemmo脚本...
第九分钟指引!wepoker辅... 第九分钟指引!wepoker辅助是真的假的(透视)确实是有辅助辅助(哔哩哔哩)1、超多福利:超高返利...
第九分钟方案!wepoker透... 第九分钟方案!wepoker透视app下载(透视)原来真的有辅助神器(哔哩哔哩);wepoker透视...
6分钟举措!wepokerpl... 6分钟举措!wepokerplus作必弊(透视)真是是真的有辅助工具(哔哩哔哩)1)wepokerp...
第七分钟项目!wepoker怎... 第七分钟项目!wepoker怎么挂底牌(透视)其实真的是有辅助工具(哔哩哔哩)1、金币登录送、破产送...
5分钟机巧!德州透视插件(透视... 5分钟机巧!德州透视插件(透视)总是真的是有辅助辅助(哔哩哔哩)1、点击下载安装,德州透视插件脚本分...
4分钟技法!aapoker怎么... 4分钟技法!aapoker怎么开辅助器(透视)其实真的是有辅助脚本(哔哩哔哩)aapoker怎么开辅...
2分钟大纲!wepoker怎么... 2分钟大纲!wepoker怎么发冤家牌(透视)一贯是真的有辅助神器(哔哩哔哩)1、wepoker怎么...
第十分钟技法!wepoker私... 第十分钟技法!wepoker私人局怎么玩(透视)竟然真的是有辅助辅助(哔哩哔哩)1)wepoker私...