确定 Angular 中事件发生的 p-checkbox

Question

我想知道是否有办法识别我的复选框，以及它被选中时发生的事件，也就是说，我是否可以输入一种 ID 并将其传递到我的 .ts 文件, 以及响应我事件的 true 或 false。

<p-checkbox name="reviewed" inputId="reviewed" [(ngModel)]="data.reviewed"
  [binary]="true" (onChange)="checkValue(data.reviewed)">
</p-checkbox>

checkValue(event: any){
    //here I want to recerive the checkbox ID;
    console.log(event);
}

Answer 1

您可以为复选框组件创建一个模板变量，然后传递 inputId

<p-checkbox name="reviewed" inputId="reviewed" [(ngModel)]="data.reviewed"
  [binary]="true" (onChange)="checkValue(checkElm.inputId ,data.reviewed)" #checkElm>
</p-checkbox>

component.ts

checkValue(id,event: any){
  //here I want to recerive the checkbox ID;
}

如果需要，您可以将 id 作为硬编码值传递

<p-checkbox name="reviewed" inputId="reviewed" [(ngModel)]="data.reviewed"
  [binary]="true" (onChange)="checkValue('reviewed',data.reviewed)" >
</p-checkbox>

确定 Angular 中事件发生的 p-checkbox

Identify the p-checkbox where an event occurs in Angular

typescript

primeng

angular

primeng-checkbox