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

Question

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

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

以下是带有Google收件箱邮件的另一个示例:

列出已关闭的项目:


列表中的一项已打开并展开:


我想实现这一点。

有什么方法或建议用AngularDart组件来实现吗？

Answer 1

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

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

在这种情况下，听起来您想使用 Action 内容区域。仅在关闭内容时显示。您可以在Edit / Duplicate示例here中看到它。它隐藏了标题，但是您不需要。