將Boolean值更改為angular 2客戶端中的按鈕

Question

細節

我正在嘗試從api獲取數據並顯示到表中。 其中一列包含status屬性，該屬性返回true或false值，但是我想顯示Active或Block按鈕而不是此狀態。 如果status為true，則顯示刪除按鈕，如果status == false，則顯示活動按鈕。 如何在角度2中實現這一目標。

圖片

Answer 1

您可能會執行以下操作：

考慮status:boolean=true;

在模板中，您可以使用* ngIf作為：

<div>
    <button *ngIf="status==true">Delete</button>
    <button *ngIf="status==false">Active</button>
</div>

或者您也可以使用ngSwitch 。

希望這可以幫助。