Angular 当我在typescript中使用reduce数组函数时，如何通过数组进行创建？

我有以下代码，其中我将组数组：

  let result = this.events.reduce( function(r,a){  r[a.item] = r[a.item] || [];
        r[a.item].push(a);
        return r;
      }, Array());
        //this.events.map((event)=>{ console.log(event,'e'); this.items[event.item] = event; console.log('itemssss',this.items)});
        this.items = result;
        console.log(this.items);

我得到的结果是：

现在如何在html中迭代这两个数组？？有什么建议吗

---

所以我想先显示第一个数组中的数据，然后再显示第二个数组中的数据？

如果要保持数组之间的分隔：

您可以在它们上迭代两次。首先，在主阵列和它包含的不同阵列上：

<ul>
    <li *ngFor="let item of items">
        <ul>
            <li *ngFor="let order of item">
                <!-- You can access objects properties here -->
                {{ order.statusName }} // <-- for example
            <li>
        </ul>
    <li>
</ul>

<ul>
    <li *ngFor="let item of items">
        ...
        {{ item.statusName }}
        ...
    </li>
</ul>