如何在单击内部后禁用 material-extended mde popover 的关闭

Question

我正在通过导入 material extended mde popopver 在 popover 上添加聊天机器人。但是当我尝试聊天或单击弹出窗口时，弹出窗口关闭，是否有任何 true/false 触发器，以防止在我单击后关闭弹出窗口？任何帮助表示赞赏。我想用打字稿实现这个，而不是 javascript.

这就是说xyz.component.htmlThis is what i have done so far. I am not able to chat here in this window as the popover window closes , immediately once I click on it

  <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>

这里是 link 更多属性 https://stackblitz.com/edit/angular-material-extended-mde-popover?file=app%2Fapp.component.html

如何在单击内部后禁用 material-extended mde popover 的关闭

how to disable closing of material-extended mde popover after clicking inside it

material-ui

angular6