PrimeNG中带pInitEditableRow的禁用p-button仍可触发行编辑问题

问题根源是pInitEditableRow指令的点击事件未校验按钮的disabled状态，即便按钮外观显示禁用，指令依然会响应点击并触发编辑。可通过以下两种方式解决：

• 方法一：阻止禁用状态下的事件传播
  在按钮上添加点击事件处理器，当按钮处于禁用状态时，阻止事件传递给pInitEditableRow指令：

  <p-button 
    pInitEditableRow 
    icon="pi pi-pencil" 
    [disabled]="true"
    (click)="$event.target.disabled && $event.stopPropagation()"
  ></p-button>
  

• 方法二：条件启用编辑触发指令
  仅在按钮未禁用时绑定pInitEditableRow指令，禁用状态下指令不会生效：

  <p-button 
    [pInitEditableRow]="!disabled"
    icon="pi pi-pencil" 
    [disabled]="true"
  ></p-button>
  

  若pInitEditableRow不支持布尔值绑定，也可通过属性绑定控制指令是否存在：

  <p-button 
    [attr.pInitEditableRow]="!disabled ? '' : null"
    icon="pi pi-pencil" 
    [disabled]="true"
  ></p-button>
  

内容的提问来源于stack exchange，提问作者Tim