【问题标题】:Cannot get object values using *ngFor="let admin of admins" in angular 2无法在角度 2 中使用 *ngFor="let admin of admins" 获取对象值
【发布时间】: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 }} 我可以在一个分区中打印一个完整的对象。但我想要部门中属性的单个值

标签: angular


【解决方案1】:

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

【讨论】:

    猜你喜欢
    • 2021-02-03
    • 2018-04-15
    • 2018-03-20
    • 2016-09-22
    • 2019-11-02
    • 2020-09-02
    • 2020-12-18
    相关资源
    最近更新 更多