角度：[对象对象]

Question

我正在做一个NodeJS/Angular项目，当我试图做一个简单的CRUD时，当我试图通过ID获取一个元素时，我被阻塞了。我想根据它的ID检索“成员”的所有信息，并在表格中显示这些信息。我设法通过API调用获取JSON，但是当尝试在表中显示它时，它没有显示任何内容。

我的服务，通过API调用：

    public getMember(id: number) {
        return new Promise((resolve, reject) => {
            this.http.get(this.config.apiServer + `astreintes/member/get/${id}`)
                .subscribe((res) => {
                    resolve(res as Member);
                    console.log(res);
                }, err => {
                    reject(err);
                });
        });
    }

Console.log的结果:我正确的JSON和成员的信息

我的component.ts：

public search(){
  this.memberService.getMember(this.id).then((data) => {
    if(data){
              this.member = (data as any).recordset;
              console.log("Get member :"+ data);
              this.indice = true;
            }else{
              }},
    (error) => {
      console.log(error);
    }                                                   
  );
}

Console.log的结果："Get member : Object Object“

对于界面，我只有一个我所有成员的下拉列表，当我选择一个成员并点击“搜索”按钮时，它会在控制台中正确地获取我的成员的信息。然后，我想在下面的表格中显示它。我的html代码：

<form (submit)='search()' #searchMemberForm="ngForm"  class="form-horizontal">
      <select [(ngModel)]="id" name="member">
        <option *ngFor="let member of membersList" 
          [value]="member.Id_OnCall_Member">{{member.Oncall_Member_Name}}</option>
        </select>

 <div class="form-group">
   <div class="col-sm-offset-2 col-sm-10">
     <button type="submit" class="btn btn-save btn-primary">Search</button>
   </div>
 </div>
</form>

<div *ngIf="indice">
<h1 style="text-align: center">
  Informations
</h1>
<table  class="table table-striped" *ngIf="indice">
  <th>ID</th>
  <th>Nom</th>
  <th>Numéro de téléphone</th>
  <th>Statut d'activité</th>
    <tr *ngFor="let m of member">
      <td>{{m.Id_OnCall_Member}}</td>
      <td>{{m.Oncall_Member_Name}}</td>
      <td>{{m.OnCall_Member_Phone}}</td>
      <td>{{m.OnCall_Member_Status}}</td>
    </tr>
</table>
</div>

感谢您的帮助！

Answer 1

谢谢你的回答。我的问题不是console.log，这只是一个提示。

我真正的问题是它没有在我的表格中显示任何东西。但我解决了这个问题，下面是如何解决的，以防它可能会对其他人有所帮助。

在我的component.ts中，我将：this.member = (data as any).recordset;简单地替换为：this.member = data;

Answer 2

您在console.log: console.log("Get member :"+ data)中使用了"+“；

这意味着javascript试图将输出转换为一种类型(字符串)，但数据是object。下面你可以找到如何获得正确的输出。

​

const res = {
 memberId: 1
}

console.log(res) // {memberId: 1}

console.log('Member: '+ res); //Member: [object Object]

console.log('Member: ', res); // Member: {memberId: 1}

console.log('Member: '+ JSON.stringify(res)); // Member: {memberId: 1}

​