Html 从数据库检索到的对象数组中获取结果并返回ng模板

我有一个从数据库检索到的复杂对象数组

让arr=[
{
“用户ID”：“-jgtgjS”，
“firstName”：“def”，
“姓氏”：“黄色”，
“电子邮件”：def@gm.com",
“otp”：0，
“otpExpiry”：“otpExpiry”，
“手机号码”：9852145987，
“createdOn”：“2019-09-15T11:50:29Z”，
“性别”：“女性”，
“profilePic”：“，
“朋友名单”：{
“_id”：“5d7e25852fffaa2858930878”，
“用户ID”：“-jgtgjS”，
“friendCount”：0，
“用户对象”：“5d7e25852fffaa2858930877”，
“所有朋友”：[
{
“friendId”：“GsbItTr”，
“requestSent”：正确，
“requestReceived”：false，
“friendSince”：156854971731，
“_id”：“5d7e2b2f25207f161c718a64”，
“friendObject”：“5d7e285aa6132b179cfa917c”
},
{
“friendId”：“ch4PXXn”，
“requestSent”：false，
“requestReceived”：正确，
“友谊自”：“，
“_id”：“5d7f16124c7b3f16ec308c1d”，
“friendObject”：“5d7dce8d2a719a1d188ed641”
}
],
“_v”：2
}
}]

我正在使用

*ngFor

显示我模板中的朋友，但我还需要显示他是否是朋友，如何在显示之前将

*ngFor

的实例传递到.ts，然后计算布尔值，然后返回模板，以便显示的用户是否是朋友

添加了一张图片。现在，按钮显示使用

ngFor

添加好友。但是，根据每个用户的状态，如果收到请求，按钮将变为“接受”，如果请求已被接受，按钮将显示“朋友”，并且

friends，因为
有一些值

我能得到这样的地位

ar[0].friendList.allFriends.forEach（元素=>{
if（element.friendId=='ch4PXXn'）{
sent=element.requestSent；
received=element.requestReceived；
}
});


如果您参考添加的图像。。您可以看到视图中列出了许多使用*ngfor'的用户“def黄色”就是其中之一。现在在users对象内部有另一个对象数组，它存储发生的所有好友请求事务。用户ID“ch4PXXn”正在查看此视图。所以我需要在allFriends中找到包含ch4PXXn的friendId的对象，然后根据其他参数，比如sent、received和since。我想显示一个按钮，该按钮将为用户提供CH4PXN选项，以接受或显示发送的请求

试着这样做：

<div *ngFor="let friend of arr">
    <h3>{{friend.firstName}} {{friend.lastName}}</h3>
    <h4>{{friend.gender}} </h4>
    <h5>{{friend.email}} </h5>
    <h5>{{friend.mobileNumber}} </h5>
    <table>
        <tr>
            <th>Friend Id </th>
            <th>Is Friend </th>
        </tr>
        <tr *ngFor="let item of friend.friendList.allFriends">
            <td>{{item.friendId}}</td>
            <td>{{item.friendSince == '' ? 'Not Friend' : 'Friend'}}</td>
        </tr>
    </table>
</div>


{{friend.firstName}{{friend.lastName}}
{{friend.gender}
{{friend.email}
{{friend.mobileNumber}
朋友Id
是朋友吗
{{item.friendId}
{{item.friendSince=''不是朋友：'Friend'}

您可以使用嵌套的
*ngFor
，在其中迭代
所有好友
数组，并根据您的条件显示不同的内容：


你是朋友

我假设如果
friendSince
为空，则不是friend else friend。。我说得对吗？是的。。在这些旗帜的帮助下，我想显示接受请求的朋友✓你期望的结果是什么，你能分享一下吗？嗨，阿德里塔，也许我没有正确定义这个问题。。如果您参考添加的图像。。您可以看到视图中列出了许多使用*ngfor'的用户“def黄色”就是其中之一。现在在users对象内部有另一个对象数组，它存储发生的所有好友请求事务。用户ID“ch4PXXn”正在查看此视图。所以我需要在allFriends中找到包含ch4PXXn的friendId的对象，然后根据其他参数，比如sent、received和since。我想显示一个按钮，该按钮将为用户提供接受或显示已发送请求的CH4PXN选项。我如何引用这些布尔值。。而ngfor正在呈现每个用户。（注意：这里defyellow是众多用户中的一个）然后可能会将其传递到ts文件，并为每个用户计算他是否是朋友。。然后将其返回模板，以便显示动态按钮NOK。。你能分享你的html吗？否则我必须在共享的链接中重新创建它。你共享的是我的链接，我想你忘了分叉它