Откройте расширенный элемент в списке с помощью компонента AngularDart

Question

Используются MaterialListComponent и MaterialListItemComponent компоненты для создания списков в приложении с AngularDart.

Когда выбран один элемент типа MaterialListItemComponent, мне бы хотелось поведение, подобное первому ExpansionPanel примера галереи AngularDart. Открыть предмет в развернутом виде . Но с этим компонентом я не нашел способа поместить больше информации, когда он закрыт, например, изображение (аватар), больше меток, кнопок.

Вот еще один пример с Входящие Google mail:

Список пунктов закрыт:

Один элемент списка, открытый и расширенный:

Это то, что я хотел бы реализовать.

Есть ли какие-либо способы или предложения для реализации этого с помощью AngularDart Components?

Answer 1

MaterialExpansionPanel позволяет использовать несколько областей содержимого ng для настройки области заголовка.

Области [имя], [значение] и [действие].

В этом случае звучит так, будто вы хотите использовать область содержимого действия. Он показывает только когда контент закрыт. Вы можете увидеть это в примере редактирования / дублирования здесь . Он скрывает заголовок, но вам это не нужно.