Angular 填充嵌套数据的最佳方法

首先，我想说的是，我在这个问题上遇到了一个小麻烦，以至于我觉得我可能错过了一个更简单的解决方案。所以，如果真的有人在对我大喊大叫，那就道歉吧

所以问题是：

我有一组用户数据，包括：用户名、姓名、姓氏、活动名称

我最初使用一个手风琴组件来展示这个用户数据。它获取节并对其进行迭代，显示从节输入中提供的数据。此节数组将使用从后端API获取的数据填充，但会转换为如下节：

组件TS

公共部分=[
{
id:1，
用户名：“john doe”，
名字：'约翰'，
姓：多伊
},
{ 
id:2，
用户名：“jane doe”，
名字：'简'，
姓：多伊
},
}];

组件HTML

手风琴部件

{{item.username}
... 
显示usernanme、名字、姓氏的代码。
...
[但也希望在用户单击ui-accordion\uuu标题时在此处显示扩展表数据]

每个

ui-accordion\u标题

处理一个单击事件，该事件通过设置

ui-accordion--active

类打开ui-accordion\u内容

我试图实现的是，能够以某种方式单击面板标题，打开面板内容div，然后通过一些神奇的路由或延迟加载组件，然后能够用用户角色填充一个表

因此，小组的工作正如预期的那样，但我只是在努力寻找正确的方法，如果在这种情况下有一个正确的方法的话

我是否误用了UiAccordion组件，以至于可重用的表示组件不应该如此复杂

在每次迭代中重复router outlet，然后订阅paramMap，以便组件能够使用不同的用户ID登录它

传入模板并使用*ngTemplateOutlet进行渲染。但这并不是惰性的，所有数据都会立即填充

---

编辑：我使用的是手风琴组件，因为它符合设计规范，其中有一个主细节类型显示，但细节不是一个额外的路由器，它只是从视图中隐藏。名字、姓氏、活动是细节，用户名是主控。然后，用户的角色就是细节，它可以像添加索引一样简单，允许在单击时延迟加载嵌套内容。看到这个帖子了吗

---

它可以像添加索引一样简单，允许在单击时延迟加载嵌套内容。看到这个帖子了吗

---

为什么不在ui-accordion\uuuu面板内容中使用ui-accordion\uuu面板？然后你可以玩第一个的

let i=index

。为什么不在ui-accordion\u面板内容中使用ui-accordion\u面板呢？然后你可以玩第一个的

let i=index

，我认为这解决了问题，肯定是一种更简单的方法。但是，我不确定如何使用presentation组件来构造它。我想知道我是不是因为过于笼统而把问题复杂化了？我认为这解决了问题，肯定是一种更简单的方式。但是，我不确定如何使用presentation组件来构造它。我想知道我是不是因为过于笼统而把问题复杂化了？