将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 。

希望这可以帮助。