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!
2 Antworten
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.
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;
}
Neue Fragen
angular
Fragen zu Angular (nicht zu verwechseln mit AngularJS), dem Webframework von Google. Verwenden Sie dieses Tag für Winkelfragen, die nicht für eine einzelne Version spezifisch sind. Verwenden Sie für das ältere AngularJS (1.x) -Webframework das AngularJS-Tag.