如何在p表中显示或隐藏基于列值的编辑按钮

Question

如何在列srcSysName值="时显示或隐藏编辑按钮；ANO"；在p-表中

这是代码

<ng-template pTemplate="body" let-ACC_LIST let-editing="editing" let-ri="rowIndex">
<tr [pEditableRow]="ACC_LIST">
<td>
{{ACC_LIST.accntNum}}
</td>
<td>
<p-cellEditor>
<ng-template pTemplate="input">
<input pInputText type="text" [(ngModel)]="ACC_LIST.shortName">
</ng-template>
<ng-template pTemplate="output">
{{ACC_LIST.shortName}}
</ng-template>
</p-cellEditor>
</td>
<td>{{ACC_LIST.srcSysName}}</td>
<td style="text-align:center">
<button *ngIf="!editing"  pButton pRipple type="button" pInitEditableRow icon="pi pi-pencil"
(click)="onRowEditInit()" class="p-button-rounded p-button-text"></button>

</td>
</tr>
</ng-template>

Answer 1

能否添加*ngIf="ACC_LIST.srcSysName=="ANO">在您的编辑按钮中？

<ng-template pTemplate="body" let-ACC_LIST let-editing="editing" let-ri="rowIndex">
<tr [pEditableRow]="ACC_LIST">
<td>{{ACC_LIST.accntNum}}</td>
<td>
<p-cellEditor>
<ng-template pTemplate="input">
<input pInputText type="text" [(ngModel)]="ACC_LIST.shortName" />
</ng-template>
<ng-template pTemplate="output"> {{ACC_LIST.shortName}} </ng-template>
</p-cellEditor>
</td>
<td>{{ACC_LIST.srcSysName}}</td>
<td style="text-align: center">
<button *ngIf="ACC_LIST.srcSysName === 'ANO'" pButton pRipple type="button" pInitEditableRow icon="pi pi-pencil" (click)="onRowEditInit()" class="p-button-rounded p-button-text"></button>
</td>
</tr>
</ng-template>

Answer 2

<td style="text-align:center">
<button *ngIf="ACC_LIST.shortName === 'ANO'"  pButton pRipple type="button" pInitEditableRow icon="pi pi-pencil" (click)="onRowEditInit()" class="p-button-rounded p-button-text"></button>                
</td>