按角点击复制剑道芯片的内容

Question

我想复制剑道芯片的内容，点击angular.please中的芯片帮助我.在这里输入图像描述

Answer 1

遵循以下步骤：

1. 在引用ChipComponent的组件上设置一个ChipComponent
2. 在ChipComponent上设置Click事件
3. 在Click事件处理程序中，获取ViewChild元素的本地元素的innerText值

示例：

import { Component, ViewEncapsulation, ViewChild } from '@angular/core';

import { ChipComponent } from '@progress/kendo-angular-buttons';

@Component({
  template: `<kendo-chip #kendoChip label="Kendo Chip" (click)="onClick()"></kendo-chip>`,
  encapsulation: ViewEncapsulation.None
})
export class AppComponent {
  @ViewChild('kendoChip') kendoChip: ChipComponent;
  onClick(): void {
    console.log(this.kendoChip.element.nativeElement.innerText);
  }
}

小提琴：https://stackblitz.com/edit/angular-kxtxkt