как отключить закрытие mde-расширенного попсовера после нажатия внутри него

Question

Я добавляю чат-бота на поповер, используемый при импорте материала расширенного mde popopver. Но когда я пытаюсь пообщаться или нажать на поповер, поповер закрывается, есть ли триггер true / false, чтобы предотвратить закрытие поповера после нажатия на него? Любая помощь приветствуется. Я хочу реализовать это в машинописи, а не в javascript.

Это, скажем, xyz.component.html Это то, что я сделал до сих пор. Я не могу общаться здесь в этом окне, так как всплывающее окно закрывается сразу же после нажатия на него

  <button class="mdc-fab app-fab--absolute"  
     [mdePopoverTriggerFor]="appPopover"
      mdePopoverTriggerOn="click" aria-label="Favorite" mat-fab ><mat-icon>
     <span class="mdc-fab__icon material-icons">textsms</span> 
  </mat-icon></button>   

  <mde-popover #appPopover="mdePopover" [mdePopoverOverlapTrigger]="false"> 
       Hi this is the chatbot. 
  </mde-popover>  

Answer 1

Я понял, как это сделать, просто добавьте [mdePopoverCloseOnClick] = "false", чтобы отключить клик по закрытию. Как показано ниже

<button class="mdc-fab app-fab--absolute"  
 [mdePopoverTriggerFor]="appPopover"
  mdePopoverTriggerOn="click" aria-label="Favorite" mat-fab ><mat-icon>
 <span class="mdc-fab__icon material-icons">textsms</span> 
</mat-icon></button>   

<mde-popover #appPopover="mdePopover" [mdePopoverCloseOnClick]="false"  [mdePopoverOverlapTrigger]="false"> 
   Hi this is the chatbot. 
</mde-popover>  

вот ссылка на дополнительные атрибуты https://stackblitz.com/edit/angular-material-extended-mde-popover?file=app%2Fapp.component.html