Json 数据未显示在角度为4的网格上

我想用从API接收的数据填充我的网格

下面是我得到的API响应

[
 {
   "intUserId": 1109,
   "vcrFirstName": "sdvlbs",
   "vcrLastName": "dsbvsdfn",
   "vcrLoginName": "!@#DBASDI?\"|}",
   "vcrPassword": "eclerx#123",
   "vcrStatus": "InActive",
   "vcrIsClient": "eClerx",
   "vcrEmail": "sdvlbs.dsbvsdfn@eClerx.com",
   "vcrRole": "Analyst,Auditor,Team Lead,Manager",
   "Agreements_Selected": "ISDA,CSA,Repo,SLA,PBA"
 }
]

但在通过网格将这些数据传递给HTML时，仍然是空白的

下面是我的.ts代码

arrBirds:Array<string> = [];
userdata(){
this.http.get(this.url).subscribe((res)=>{

this.arrBirds = Array.of(res.json()) ;
console.log(this.arrBirds)

});
}

我的网格没有填充数据。

---

从过去5天以来，我一直在挣扎。

我认为html文件与http响应不同步

 <tr *ngFor="let char of arrBirds">
                 <td > {{char?.vcrPassword}}</td>
                 <td > {{char?.vcrStatus}} </td>
                 <td > {{char?.Agreements_Selected}}</td>   
                 <td > {{char?.vcrEmail}} </td> 
    </tr>

---

希望它能有所帮助。

通过解析JSON数据，它现在正在工作

userdata(){
this.http.get(this.url).subscribe((res)=>{
this.arrBirds = JSON.parse(res.json()) as Application[];
console.log(this.arrBirds)
});

}

---

你得到了这个.arrBirds吗？我在这个.arrBirds中得到了以下输出：“{”intUserId“：1109，“vcrFirstName”：“sdvlbs”，“vcrLastName:“dsbvsdfn”，“vcrLoginName:”！@#DBASDI？\“}”，“vcrPassword:“eclerx#123”，“vcrStatus:“非活动”，“vcrIsClient:“eclerx”，“vcrEmail:”sdvlbs。dsbvsdfn@eClerx.com", "vcrRole:“分析师、审计师、团队负责人、经理”、“选定的协议”：“ISDA、CSA、Repo、SLA、PBA”}]错误是什么？没有错误，之前我曾得到错误，即仅支持数组等可重用项，但在将此响应转换为数组后没有错误您是否从服务器（res）获得数组

 <tr *ngFor="let char of arrBirds">
                 <td > {{char?.vcrPassword}}</td>
                 <td > {{char?.vcrStatus}} </td>
                 <td > {{char?.Agreements_Selected}}</td>   
                 <td > {{char?.vcrEmail}} </td> 
    </tr>

import { Component, Input, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core';

    constructor(private ref: ChangeDetectorRef) {}

    userdata(){
    this.http.get(this.url).subscribe((res)=>{

    this.arrBirds = Array.of(res.json()) ;
    this.ref.detectChanges();
    console.log(this.arrBirds)

    });
    }

userdata(){
this.http.get(this.url).subscribe((res)=>{
this.arrBirds = JSON.parse(res.json()) as Application[];
console.log(this.arrBirds)
});

}