Rest 使用Angular2设计UI

我希望在我的web应用程序前端构建组织的层次结构。我们目前正在使用Angular2

这是总结视图中的情况：

如何做到这一点

现在，我正在按照以下模式进行操作。 1.加载父组（ABC公司） 2.当有人点击它时，子组织应该以上述方式加载

---

我正在尝试将数据存储在一个数组中&当有人单击浏览器中的“后退”按钮时，父组将被追加到子组的前面。

到目前为止您尝试了什么？似乎是一个很正常的设置。。。可以根据自定义指令设置中继器，该指令在激活时在扩展视图中显示公司的详细信息

<div *ngFor="let company of companies" (click)="company.isActive = !company.isActive">
    <my-company-details *ngIf="company.isActive" companyData=company>
</div>

---

第一次加载页面时，我加载ABC公司，单击ABC公司时，我得到子组，即泛印度。我对其他组有相同的工作流程。当有人单击back按钮时，会发生一个新的api调用，其中我得到了父组。该父组被追加到子组的前面。如何避免这种工作流？目前，我使用阵列存储从服务器接收的组数据。我想到了按组ID对数组中的组进行排序。但我在group_id字段中得到字符串值（如：“e8t4hsi8097”）。