Как отрендерить условно в Angular?

Question

Я просто хочу просто визуализировать кнопку условно, а не отображать {{allcode}} внутри фигурных скобок. Я из мира реакции, это действительно странно. Как этого добиться?

Angular код - но он все равно не работает:

<td *ngFor="let column of requestColumns">
   {{ 
   row[column.value] === "Allow" ?
   <button>Allow</button> :
   row[column.value] === "Reject" ?            
   <button>Reject</button> :
   row[column.value]
   }}
</td> interpo

Answer 1

Если вы просто пытаетесь отрендерить то, что находится в column.value, и у вас несколько общие логики c:

<td *ngFor="let column of requestColumns">
 <button (click)="allowOrReject(column)">{{column.value}}</button>
</td>

Если у вас есть отдельная логика / методы для кнопок:

<td *ngFor="let column of requestColumns">
 <button *ngIf="column.value === 'Allow'" (click)="allow(column)">Allow</button>
 <button *ngIf="column.value === 'Reject'" (click)="reject(column)">Reject</button>
</td>

Answer 2

Используйте, как показано ниже

<td *ngFor="let column of requestColumns">
   <button *ngIf="column.value === "Allow"">Allow</button> :
   <button *ngIf="column.value === "Reject""> Reject</button>
 </td>