Javascript 角度-如何使用API显示元素并使用复选框进行排序

我想使用一个复选框来显示在json API调用返回中状态设置为“error”的表中的元素

Json向我发回类似这样的东西，带有嵌套元素：

{
“类型”：“firstEl”，
“一线队”：{
“日期”：“2020-10-14T14:36:12.859Z”，
“项目”：{
“组织代码”：“暴徒”，
“状态”：“成功”
},
“第二团队”：{
“日期”：“2020-10-14T14:36:12.859Z”，
“项目”：{
“组织代码”：“暴徒”，
“状态”：“成功”
}
}
}
}

我尝试制作类似的东西，但迄今为止没有成功（没有排序）：

TS:

onlyrror=false；
selectErrors（）{
this.onlyrror=！this.onlyrror；
}

HTML:

唯一错误
...
{{property.firstTeam.item.status}
{{property.secondTeam.item.status}

我尝试过很多事情，比如在服务中制作类似的东西：

变换（错误：布尔值）{
返回myapirl.filter（l=>{
让我们保持真实；
如果（！错误）{
keep=l.firstTeam.status=='success'| | | |.get（l，'secondTeam.status'，''）=='success'
}否则{
keep=l.firstTeam.status=='error'| | | |.get（l，'secondTeam.status'，''）=='error'
}
返回保持；
});
}

没有成功。我正在尝试最简单的方法，以便在团队收到状态数据时对其进行过滤，并且能够仅显示带有错误消息的团队

---

有人能帮我吗？谢谢。

请在StackBlitz中创建一个演示。请同时分享一个Array酒店的样品。我想我没有。下面是我如何调用我的后端：listProperties（）{return this.http.get（

${this.gateway.getUrl（）}/properties

）.map（（o）=>{return o；}）这将更容易帮助您获得信息，或者至少是@brk所述的演示