无法在角度 2 中使用 *ngFor="let admin of admins" 获取对象值

Posted 2023-03-13

【中文标题】无法在角度 2 中使用 *ngFor="let admin of admins" 获取对象值

【英文标题】：Cannot get object values using *ngFor="let admin of admins" in angular 2

【发布时间】：2018-11-27 00:09:13

【问题描述】：

this is my admins array 无法在角度 2 中使用 *ngFor="let admin of admins" 获取对象值。我能够在 typescript 中获取值并显示在控制台中，但在使用 *ngFor 的 html 表中只能获取空行.这是html模板。 this is what I am getting in table

<tr *ngFor="let admin of admins">

                      <td style= "padding:0px;padding-top:5px;"><p style="font-size:13px;"><a href="#" onclick="return false;">admin.id</a></p></td>
                      <td style= "padding:0px;padding-top:5px;"><p style="font-size:13px;">admin.name</p></td>
                      <td style= "padding:0px;padding-top:5px;"><p style="font-size:13px;">admin.username</p></td>
                      <td style= "padding:0px;padding-top:5px;"><p style="font-size:13px;">admin.email</p></td>
                      <td style= "padding:0px;padding-top:5px;"><p style="font-size:13px;">admin.phone</p></td>
                      <td style= "padding:0px;padding-top:5px;"><p style="font-size:13px;"><a href="#" onclick="return false;">chat</a></p></td>

              </tr>

【问题讨论】：

您的admins 包含什么类型的值？

请在您实例化admins的位置链接您的.ts文件

只需输入 admin | json 并检查是否有任何结果

你能澄清你的问题吗？ “我能够获取类型中的值”是什么意思？

@MuhammadAlbarmawi 使用 admin | json 我可以在一个分区中打印一个完整的对象。但我想要部门中属性的单个值

【参考方案1】：

您的值包含 json 字符串而不是 json 对象，因此您需要使用 JSON.parse 解析为 json 对象