如何打印我的服务返回的不同类型的 Json 数据？

Question

我不知道如何正确打印从我的服务 CompanyProvider 返回的数据。

import {Component} from '@angular/core';
import {IonicPage, NavController, NavParams} from 'ionic-angular';
import {CompanyProvider} from "../../../providers/company/company";

@IonicPage()
@Component({
  selector: 'page-settings-company',
  templateUrl: 'settings-company.html',
})
export class SettingsCompanyPage {

  companyInfo:any;
  jobs: any;
  maquinaria:any;
  otrosDocumentos:any;

  constructor(public navCtrl: NavController, public navParams: NavParams, public _cp: CompanyProvider) {
    console.log("You're in settingsCompany");
    this.createForm();
  }

  createForm() {
    console.log("CRETE FORM");

    let idCompany = this.navParams.get('id');
    console.log("ID DE Compañia desde Settings-company : " + idCompany);

    //get CompanyInfo  


    this._cp.getCompanyInfo(idCompany).then(
      companyInfo=>this.companyInfo=companyInfo
    )
    //get Jobs

    this._cp.getJobs(idCompany).then(data => {
      this.jobs  = data;}
    )

   //get maquinaria
    this._cp.getMaquinaria(idCompany).then(data => {
      this.maquinaria = data;}
    )

    //get otros_dcoumentos
    this._cp.getOtrosDocumentos(idCompany).then(data => {
      this.otrosDocumentos = data;}
    )
  }

}

我不知道在将数据传递给用于在视图中打印的局部变量之前是否需要对其进行处理。

在我看来，我使用以下内容：

<ion-content padding>
<ion-list>
  <h4>{{companyInfo|json}}</h4>
  <h4>{{jobs | json}}</h4>

</ion-list>
</ion-content>

结果是：

我尝试了以下方法，但这并没有返回任何内容，并且控制台告诉我它是未定义的。在第二个 Json 中，我不知道如何循环使用 ngfor 显示的职业。

<h4>{{companyInfo.name}}</h4>

Answer 1

在.html 中渲染companyInfo，我在ion-item 中显示name

<ion-content padding>
  <ion-list> 
     <ion-item *ngFor="let eachItem of companyInfo"
        <h4>{{eachItem.name}}</h4>
     </ion-item>
  </ion-list>
</ion-content>

Answer 2

请试试这个类型的例子：-

<div *ngIf="companyInfo && companyInfo.length">
<div *ngFor="let company of companyInfo">
<h4>{{company.name}}</h4>
</div>
</div>