以角度显示对象2[重复]

Question

好的，我有这个

{ "calledCust": { "no": 270, "yes": 9 }, "hasOpened": { "no": 254, "yes": 25 } }

我一直在试着把它显示在视图中。

<ul *ngFor="let profile of profiles.counts">
  <li>
    {{profile | json}}
  </li>
</ul>

因为它不是一个json数组，所以angular只是使用

Cannot find a differ supporting object '[object Object]' of type 'object'. NgFor only supports binding to Iterables such as Arrays.

null

编辑

下面是完整的json

{
    total_rows: 279,
    bookmark: "g2wAAAABaANkAB5kYmNvcmVAZGI0LnBvcnRlci5jbG91ZGFudC5uZXRsAAAAAmEAYj____9qaAJGQAnZi4AAAABiAAAB7mo",
    rows: [],
    counts: {
        calledCust: {
            no: 270,
            yes: 9
        },
        hasOpened: {
            no: 254,
            yes: 25
        }
    }
}

Answer 1

只需将其转换为JSON数组，如下所示：

let key; // var key for old JavaScript ES5
let arr = [];

key = 'calledCust';
arr[0] = obj[key];
arr[0].key = key;

key = 'hasOpened';
arr[1] = obj[key];
arr[1].key = key;

创建一个管道将您的对象隐藏到一个JSON数组中是很容易的，那么您只需做以下操作：

<ul *ngFor="let profile of profiles.counts | convertObjToJsonArray">

您可以迭代对象的属性以使此解决方案更通用。