Typescript 角度2客户端条件

我试图调用api上的阻止/取消阻止图标按钮来阻止和取消阻止用户。现在我想问，如果用户处于活动状态，我如何更改图标图像以在活动状态前显示解锁图像，反之亦然

形象

Html

用户视图
名字
姓
电子邮件
地位
阻止/解除阻止
{{user.FirstName}
{{user.LastName}
{{user.Email}
{{user.IsActive==true？'Active'：'Block'}

Quickfix 将

class=“fa-fa-unlock”

更改为

class=“fa{{user.IsActive==true？'fa-lock'：'fa-unlock'}}”

您可以使用它来完成以下任务：