Mit der Menü-API für Winkelmaterial können wir mit der Position des Felds spielen, indem wir overlapTrigger verwenden, das den Auslöser (die Schaltfläche) abdeckt, sowie xPosition und yPosition, um es relativ zum Auslöser zu verschieben ( die Schaltfläche) zum Beispiel ('oben', 'vor' usw.), aber ich konnte keinen Weg finden, das Menü an die Ecke des Bildschirms zu kleben.

Hier ist ein Stackblitz mit Mattenmenü. Wenn ich auf das Symbol der Menüschaltfläche klicke, muss das Menü in der Ecke des Bildschirms links oder rechts angezeigt werden.

Danke!

0
user12163165 18 Aug. 2020 im 17:12

2 Antworten

Beste Antwort

Sie können absolute Werte verwenden oder mit den Optionen herumspielen. Vielleicht hilft dir das:

::ng-deep.cdk-overlay-pane{
  transform: translate(80px, 70px);
}

Wählen Sie die Werte, die am besten zu Ihnen passen.

1
Rodolfo Spier 18 Aug. 2020 im 14:32

Das Materialmenüelement verwendet die Klasse .cdk-overlay-connected-position-bounding-box, um die Überlagerung anzuzeigen, in der Ihr Mattenmenü beginnt. Fügen Sie dies in Ihrer styles.css hinzu, um Ihr Mattenmenü in der oberen linken Ecke festzulegen

.cdk-overlay-connected-position-bounding-box{
  top:0 !important;
  left:0 !important;
}
0
Alexis 18 Aug. 2020 im 14:37