can a single anchor have multiple satPopovers

[moda20]

I am trying to have multiple satPopovers per anchor. i am achieving this by *ngFor on the satPopovers.

<div style="height: 300px; width:300px; border: red 1px solid" satPopoverAnchor #anchor="satPopoverAnchor" (click)="anchor.popover.open()">

                            </div>
                            <sat-popover *ngFor="let card of cards; let i = index;" [anchor]="anchor" id="popover" hasBackdrop horizontalAlign="{{getPositoinByIndex(i)[0]}}" verticalAlign="{{getPositoinByIndex(i)[1]}}">
                                {{ card.title }}
                            </sat-popover>

the getPositoinByIndex method is just for randomizing positions so that the popovers would be visible.

clicking on the anchor div would only result in the first popover showing up but not the others