Управляемое данными содержимое панели расширения материала

Question

Мне нужно отобразить список объектов разных типов в повторяющемся списке MaterialExpansionPanels. Когда пользователь нажимает на каждую панель, чтобы развернуть ее, содержимое зависит от типа объекта.

На самом деле я понятия не имею, как поступить - позволит ли директива deferredContent определить, какой компонент отображать во время выполнения при расширении панели? Как мне указать содержимое панели из кода моего компонента?

Пример чего-то подобного был бы полезен!

Answer 1

Здесь нет ничего особенного в расширении материала, вам нужно делать то же самое, что вы делаете в любом месте, где используется *ngFor. У вас есть в основном два варианта:

1. Используйте серию *ngIf / *ngSwitch и визуализируйте все, что вам нужно внутри
2. Используйте динамический компонент. Это обычно требует создания некоторого класса модели с типами и привязками DI для передачи параметров.