Ausgewählte Optionen mit md-Auswahl und Material-Design für Eckige

Wie kann ein Standardwert (D. H. ausgewählt) sein option festgelegt werden Wählen Sie Komponente bei der Verwendung Material Design für Eckige?

<md-select placeholder="Angular2 Material">
  <md-option>One</md-option>
  <md-option selected>Two</md-option>
  <md-option ng-selected="true">Three</md-option>
</md-select>

Suche SO führen Sie mich an:

Habe ich versucht, sowohl die ng-selected="true" und selected Attribut, weder die Arbeit.

Plunker: https://plnkr.co/edit/EyC6wpUpgZEihlGclDUU?p=preview

Klar zu sein, ich bin nicht mit Material Design für AngularJS Apps. Ich bin mit Material Design für Eckige.

  • Gehen Sie zu material.eckig.io/Komponenten/component/select. Lesen Sie die Abschnitt-Titel "Abrufen und setzen Sie den Wert auswählen".
  • Das ist vorausgesetzt, ich habe eine Komponente, die hinter meiner form-element. Obwohl meine Plunker tatsächlich so ist, kann ich ein Standard aus der mark-up zu vermeiden, dass eine Komponente für jede select-element?
  • Sie haben immer eine Komponente. Alle Winkel-Ansichten sind Ansichten einer Komponente. Sie brauchen nicht eine Komponente pro wählen.
  • Ich habe Komponenten - aber es ist eine übergeordnete Komponente für das gesamte Formular. Also ich sollte den default-Wert in der Komponente umfasst die form?
  • Ja, das ist, was Sie tun sollten. Eine form ist in der Regel verwendet, um Informationen über ein Objekt (Benutzer, zum Beispiel: name, Vorname, Geschlecht, etc.). Das Objekt ist das Modell von der form. ngModel ermöglicht verbindliche form der widgets (wie Ihr wählen Sie), um Felder des Modells (wie Ihre Benutzer-Objekt). So initialisieren Sie das Modell (d.h. das user-Objekt), und die form-Felder werden die Informationen angezeigt, die der Benutzer. Das ist im Grunde das, was eckig ist.
InformationsquelleAutor Jack | 2017-03-11
  1. 4

    Sollten Sie die variable zum speichern von ausgewählten Wert

    export class SelectOverviewExample {
  myValue = 'Two';
}

    dann stellen Sie sicher, dass die md-option hat die value Attribut. Binden Sie den ausgewählten Wert über ngModel.

    <md-select placeholder="Angular2 Material" [(ngModel)]="myValue">
  <md-option>One</md-option>
  <md-option value="Two">Two</md-option>
  <md-option>Three</md-option>
</md-select>
    InformationsquelleAutor Roman C
Schreibe einen Kommentar