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

#angular #accordion #expand #mat-expansion-panel

Вопрос:

У меня аккордеон с 3 расширительными панелями. Я хочу, чтобы по крайней мере одна панель всегда оставалась открытой. то есть я не хочу, чтобы пользователь закрывал все панели.

Как этого добиться?

Заранее спасибо.

Ответ №1:

Вы можете использовать [расширенное] свойство, доступное в мат-аккордеоне. Добавьте приведенный ниже код в тег панели расширения мата

 [expanded]="true"  

Комментарии:

1. Это работает только в первый раз, мой вариант использования таков: когда пользователь сворачивает одну панель, должна открыться следующая. Один из трех всегда должен быть открыт.

2. В этом случае вы можете использовать [расширено]=some_variable для всех трех панелей расширения, а также добавить прослушиватель событий щелчка на панель расширения и переключить состояние.