Question

我创建了一个名为User.service.ts的服务，在里面我编写了这段代码：

getContactDetials(){
        return this.http.get(this.config.apiUrl + 'assets/data/contact-details.json')
        .map(response => response.json());
    }

当我尝试使用contact.component.ts中的此服务访问内容时，奇怪的是我无法看到任何结果。为了进一步调查，我已登录控制台，结果显示为“未定义”。

我的contact.component.ts的代码是：

contactDetails: any[];
  constructor(private _userService: UserService) { 
    console.log('Contact Tab is pressed!!');
  }    
ngOnInit() {
         this._userService.getContactDetials()
         .subscribe(data => this.contactDetails = data.results);
         console.log(this.contactDetails);
      }

我绑定数据的模板是：

<tbody>
              <tr *ngFor="let item of contactDetails">
                  <td>{{ item.field_email }}</td>
                  <td>{{ item.field_first_name }}</td>
                  <td>{{ item.field_last_name }}</td>
                  <td>{{ item.field_mobile }}</td>
                  <td>{{ item.field_department }}</td>
                  <td>{{ item.field_contact_email_address }}</td>
                  <td>{{ item.field_mobile_1 }}</td>
              </tr>
          </tbody>

但遗憾的是我无法在表格中显示数据。有谁能够帮我？我犯的错是什么？

由于

Answer 1

如果'data.results'显示未定义，那么如果您尝试仅记录'数据'，则可以为您提供有关您在另一端收到的内容的一些见解。

Angular 4服务本地json文件显示未定义的结果

1 个答案: