Angular Material 2 multiline select

Gibt es eine Möglichkeit, eine mehrzeilige auswählbare Liste mit Material 2 anzuzeigen? Die Größe Attribut scheint nicht von der Matte-select-Element unterstützt zu werden ...Angular Material 2 multiline select

Hier ist, was ich vor der Implementierung-Material 2 in meiner Komponente tun:

<select size="10"> 
    <option *ngFor="let post of posts" [attr.selected]="selectedPost && post.id === selectedPost.id ? true : null" (click)="onSelect(post)">{{post.name}}</option> 
</select>

Hier ist, wie es aussieht: list

Ich habe auch auf Mat-Liste, aber es scheint nicht Auswahl nativ zu unterstützen. Bevor ich also die benutzerdefinierte Route beginne, bitte ich um Hilfe. Es scheint wie ein grundlegendes Merkmal, so bin ich überrascht, dass es nicht verfügbar ist ...

Quelle

2017-11-30 Math M.

Sieht aus wie es möglich ist: https://material.angular.io/components/list/overview#selection-lists – StephaneM

Ich habe dieses Beispiel gesehen, aber es ist eine Mehrfachauswahl mit Checkboxen. Ich muss nur eine Auswahl zulassen und keine Kontrollkästchen. –

Entschuldigung, ich habe nicht richtig gelesen. Schauen Sie hier: https://github.com/angular/material2/issues/7157 Es ist noch nicht implementiert, aber der letzte Kommentar schlägt einen Workaround vor. – StephaneM

Angular 2+ w/Material unterstützt keine Multilinie Selects.

Sie können die geschlossene Ausgabe here sehen.

Im Wesentlichen sagte das Team, dass sie nicht glauben, dass die Material Design-Spezifikation mehrzeilige Auswahlmöglichkeiten zulässt.

Quelle

2017-11-30 19:57:49 Locke

Ich bin mir ziemlich sicher, dass sie über eine einzelne Option in der Liste sprechen, die mehr als eine Zeile enthält, nicht die ganze Liste selbst. –

@MathM. Möglicherweise. Sie sagen jedoch "mehrzeilige Auswahl" im Titel anstatt "Mehrfachauswahl". Ich stellte mir eine Antwort, für den Fall, dass sie eigentlich mehrzeilig gemeint war. – Locke

Kein Problem, danke für die Hilfe! :) –

Angular Material 2 multiline select

Antwort

Verwandte Themen