angular - Angular 如何使 mde popover 在元素旁边而不是在上方或下方生成

Question

我正在做一个 Angular 项目，想知道是否有人知道是否可以在悬停元素旁边而不是在其上方或下方生成 mde-popover。

到目前为止，我还无法更改生成位置，这就是现在的样子。

在我的代码中，它看起来像这样：

               <mat-card class="skill-card" [mdePopoverTriggerFor]="appPopover" mdePopoverTriggerOn="click"
                            #popoverTrigger="mdePopoverTrigger">
                                <mat-card-content>Scrum</mat-card-content>
                            </mat-card>

                    <mde-popover #appPopover="mdePopover" [mdePopoverOverlapTrigger]="false">
                        <mat-card>
                            <mat-card-content>Dummy Tag</mat-card-content>
                            <mat-card-content>Dummy catagory</mat-card-content>
                        </mat-card>
                    </mde-popover>