单击内部后如何禁用材料扩展的 mde 弹出窗口的关闭

Question

我正在通过导入材料扩展 mde popopver 使用的弹出窗口添加聊天机器人。但是当我尝试聊天或单击弹出框时，弹出框关闭，是否有任何真/假触发器，以防止单击后弹出框关闭？任何帮助表示赞赏。我想在打字稿中实现这一点，而不是 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