Question

我正在尝试使用一个api来获取角度但被卡住。您想帮我吗？代码如下。

其他

HTML：

<div *ngFor="let data of contact">
    <h1>  {{data.ConDepartment}} </h1>
    <h1>  </h1>
</div>

服务：

 getContact(){

  //  return this.http.get('https://localhost:44310/api/contacts/getcontact');
    return this.http.get('https://localhost:44310/api/contacts/getcontact').map(res => res );
}

TS：

contact:{}
//  user:{}


  constructor(private service:ContactService) { }

  ngOnInit() {

   this.service. getContact().subscribe(res=>{
    this.contact=res;

//   this.service.getUsers().subscribe(res=>{
// this.user=res;


console.log(res);
   }  );

JSON：

//localhost:44310/api/contacts/getcontact

{
  "ConId": 1,
  "ConCcrId": null,
  "ConCtrId": null,
  "ConForename": "SUPER",
  "ConSurname": "USER",
  "ConDepartment": null,
  "ConDivision": null,
  "ConJobtitle": "SUPER_USER",
  "ConGender": " ",
}

我想用html显示json数据。如果您能帮助我，请告诉我。另外，我正在尝试使用另一个伪造的API，并且可以正常工作。

Answer 1

如前所述，API的响应是一个对象，而不是数组。如果您要遍历*ngFor上数组的属性并将其显示在视图中，则可以使用keyvalue管道。

<div *ngFor="let data of contact | keyvalue">
  {{item.key}: {{item.value}}
</div>

问题是ngfor仅支持绑定到Iterables（例如Arrays）

1 个答案: