如何禁用材料扩展mde popover的关闭操作

Question

我正在增加一个聊天机器人在一个罂粟使用进口材料扩展mde。但是，当我尝试聊天或点击弹出器时，弹出器被关闭了，是否有任何真假触发器，以防止在我点击后关闭弹出器？任何帮助都是非常感谢的。我希望在类型记录中实现这一点，而不是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的链接