在数组或列表中显示对象数据答案

【问题标题】：Display object data in array or list在数组或列表中显示对象数据
【发布时间】：2019-12-14 01:00:57
【问题描述】：

我正在使用 IONIC，我正在从 Service Rest 读取数据，我想在主页中显示这些数据，但每次我得到一个字符串时，任何人都可以帮助我。

home.ts

  AfficherT(){
    var url='http://localhost:8888/ticketF';
    console.log("Clickeed");
    this.result = this.http.get(url)
    this.result.subscribe(data => {
      this.chaine=JSON.stringify(data);
    });
  }

home.html

<ion-list>
  {{chaine}}
</ion-list>

【问题讨论】：

你想如何显示这些数据？
在比字符串更好的列表或数组中
删除JSON.stringify(...)。之后，您可以访问 json 的 any 属性。例如：{{ data.ticket }}等
它给了我[对象] [对象]

标签： angular typescript ionic-framework ionic3

【解决方案1】：

使用 JSON.stringify({"id":1,"name":"reza"});

AfficherT(){
    var url='http://localhost:8888/ticketF';
    console.log("Clickeed");
    this.result = this.http.get(url)
    this.result.subscribe(data => {
      this.chaine= JSON.stringify(data);
    });
}

【讨论】：

我不明白！是一样的！！

【解决方案2】：

那是因为JSON.stringify。

您将 JS 对象转换为字符串，因此 Angular 将在模板中显示一个字符串。

你想使用的是JSON.parse()，但你不应该这样做，因为httpClient已经这样做了。

AfficherT(){
    var url='http://localhost:8888/ticketF';
    console.log("Clickeed");
    this.result = this.http.get<any[]>(url)
    this.result.subscribe(data => {
      this.chaine= data
    });
}

【讨论】：

我试了一下，但它给了我 [object] [object]，我也创建了 => ticketList:[]; this.ticketList=数据；这给了我一个错误尝试区分'[object Object]'的错误。只允许使用数组和可迭代对象
在使用this.http.get 时尝试输入您的回复 = > `this.http.get`` （首选特定类型而不是任何类型）
什么都没有改变它总是相同的[Object][Object]，而另一个错误
当您在 Angular 上进行开发时，我建议您在遇到问题时使用 chrome 浏览器，chrome 开发工具中的错误更加明显。您可以尝试用 (data:any) => {this.chaine =(data)} 替换数据并在 this.chaine 上放置一个控制台日志以检查它是否是一个对象。
但是你在哪里看到[object Object]？在控制台或模板中？