首页 文章

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

提问于
浏览
0

它已经被 MaterialListComponentMaterialListItemComponent 组件用于在带有AngularDart的应用程序中创建列表 .

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

这是另一个使用Google Inbox邮件的示例:

List items closed:
enter image description here

One Item of the list opened and expanded:
enter image description here

这是我想实现的 .

有没有办法或建议用AngularDart组件实现这个?

1 回答

  • 2

    MaterialExpansionPanel允许几个ng-content区域配置 Headers 区域 .

    [name],[value]和[action]区域 .

    在这种情况下,听起来您想要使用动作内容区域 . 它仅显示内容何时关闭 . 您可以在编辑/复制示例here中看到此信息 . 它隐藏了 Headers ,但你不需要 .

相关问题