使用AngularDart组件在列表中打开展开的项目

Question

使用MaterialListComponent和MaterialListItemComponent组件在带有AngularDart的应用程序中创建列表。

当选择一个类型为MaterialListItemComponent的 时，我想要的行为类似于AngularDart Gallery的第一个ExpansionPanel示例。 打开展开的项目。但是对于这个组件，我没有找到一种在关闭时放置更多信息的方法，例如图像（头像），更多标签，按钮。

另一个示例，带有 Google收件箱邮件：

列出已关闭的项目：

列表中的一个项目已打开并展开：

这是我想实现的。

是否有任何方法或建议可以使用AngularDart组件实现此目的？

Answer 1

MaterialExpansionPanel允许几个ng内容区域来配置标头区域。

[名称]，[值]和[动作]区域。

在这种情况下，听起来您想使用动作内容区域。仅在关闭内容时显示。您可以在“编辑/复制”示例here中看到此内容。它隐藏了标题，但是您不需要。