держать мат-меню открытым под углом

Question

Я пытаюсь использовать опции-флажки в меню, но мне нужно держать меню открытым, пока пользователь не закончит выбирать опции. Я использую последнюю версию Angular. Заранее спасибо!

Я объединил вложенное мат-меню из здесь с флажками:

То, что я пробовал, но меню закрывается после выбора флажка:

<mat-menu #worldtest="matMenu" md-prevent-menu-close="md-prevent-menu-close">
     <section><mat-checkbox class="example-margin" [(ngModel)]="checked">Checked</mat-checkbox></section>
     <section><mat-checkbox class="example-margin" [(ngModel)]="indeterminate">Indeterminate</mat-checkbox></section>
</mat-menu>

Answer 1

Когда вы используете флажок (или любой интерактивный элемент, который реагирует на щелчки) в мат-меню, и вы не хотите, чтобы меню закрывалось, когда вы щелкаете по нему, вам нужно запретить меню получать событие щелчка остановив его с MouseEvent.stopPropagation(). Попробуйте что-то вроде этого:

<mat-checkbox (click)="$event.stopPropagation()">Check Me</mat-checkbox>

Функция md-prevent-menu-close взята из старого Angular Material для AngularJS - в «последней версии» Angular Material (v6) такой функции нет. Угловой материал (v1.x для AngularJS) и Угловой материал2 (v2 / 5/6 для углового) не являются взаимозаменяемыми.