【问题标题】：how to display array of http response in angular2 cli?如何在angular2 cli中显示http响应数组？
【发布时间】：2017-07-31 20:38:11
【问题描述】：

  timehours: any[]=[{name: '--sel--', hrsv:0}, {name: '1 Hr', hrsv: 12000}, {name: '2 Hr', hrsv: 2}, {name: '3 Hr', hrsv: 3}, {name: '4 Hr', hrsv: 4},{name: '5 Hr', hrsv: 5}];

上面是我自定义的数组，我很容易在模板中显示它，没有任何问题。

当我试图从soap 响应中查看数组时，模板中没有显示任何内容。我收到了这个错误

a response array what i'm getting 在控制台中。这是我的模板。我该如何解决？

<ul class="listboxtickets">
          <li class="selectlistticket" *ngFor="let tick of ticketlists">
            <div class="atickid"> {{tick.id}}  </div>
            <div class="atickname"> {{tick.summary}} </div>
            <div class="atickstat"> <img class="staraimg" src="assets/images/star_icon.png"/> </div>
          <div class="namelinet"> <img src="assets/images/text_bottomline.png"/> </div>
        </li>
        </ul>

【问题讨论】：

你能发布你的组件和模板代码吗？
你必须发布你的模板，http-request，组件代码关于这个问题，没有人可以帮助你这个小信息;）
@praveenkumars，真的还没有足够的信息，ng-for-of null 建议您得到的回复是空的。那么您是否检查过您的网络选项卡，您实际上从 api 接收到任何东西？
请发布您针对此问题的模板、http 请求和组件方法以及您收到的 JSON，然后我们可能会提供帮助；)
更好，但仍然没有足够的信息。实际的 JSON 响应是什么样的（在您的网络选项卡中），以及您如何处理响应（http、map、订阅）？

标签： angular typescript ngfor

【解决方案1】：

jquery.soap 是解决这个问题的最好方法，它只在 npm 上为 angular2 提供。 “上下文：这个”给了我一个结果

【讨论】：

【解决方案2】：

您可以使用json 管道来显示数据，如下所示：

{{ data | json }}

这会将数据显示为文本。此外，您可以使用<pre> 标签来获得数据的漂亮视图，如下所示：

<pre>{{ data | json }}</pre>

Demo

【讨论】：

我在我的绑定 html 区域得到了这个
它也应该能够显示数组的数据。我不确定你的第二条评论是什么意思。
当我尝试显示自定义数组时，它变得很好。但是对于 http json 响应，它在 html 视图中没有显示任何内容......它显示为 null。但是在控制台中，我以数组格式获取了所有数据，例如我的自定义数组。你能帮我解决这个问题吗？
我没有足够的关于您的系统的信息来帮助您确定您的确切问题，但我更新了我的演示以显示来自 HTTP 调用的数据。