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

Question

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

When one item of type MaterialListItemComponentis selected, I would like a behaviour similar to first ExpansionPanel example of the AngularDart Gallery. 打开展开的项目。但是对于这个组件，我没有找到在它关闭时放置更多信息的方法，比如图像（头像）、更多标签、按钮。

这是另一个示例，使用Google 收件箱邮件：

列出关闭的项目：

列表中的一项打开并展开：

这是我想实现的。

有什么方法或建议可以用 AngularDart 组件实现这一点吗？

标签： dartangular-componentsangular-dart

Answer 1

MaterialExpansionPanel 允许一些 ng-content 区域来配置标题区域。

[name]、[value] 和 [action] 区域。

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