Winkel - Can ' T bind to 'ngValue' da ist es nicht eine bekannte Eigenschaft der "mat-option'

Ich bin mit Winkel-5 und ich bin immer in der Konsole error:

Nicht binden 'ngValue' da ist es nicht eine bekannte Eigenschaft von
"mat-option'

Mein template sieht wie folgt aus:

  <mat-select placeholder="Select Book" name="patient" [(ngModel)]="selectedBook">
     <mat-option *ngFor="let eachBook of books" [ngValue]="eachBook">{{eachBook.name}}</mat-option>
  </mat-select>

Habe ich importiert sowohl MatSelectModule und MatOptionModule.

Wie können wir dieses Problem lösen?

InformationsquelleAutor Manoj Shrestha | 2018-02-14
  1. 7

    Sollten Sie die Verwendung von " Wert

    [value]="eachBook"
    • Dank so viel. Es funktioniert.
    • Ich will ngValue statt value was eckig docs empfiehlt. Wie kann ich ngValue ?
    • Mark beantwortet Wert und [ngValue] dienen verschiedenen Zwecken
    • wenn der Wert nicht als string, dann [ngValue] benötigt, zu verwenden. Gibt es eine Möglichkeit, um an das material-Feld auswählen und mit [ngValue]?
    InformationsquelleAutor Sajeetharan
  2. 11

    Die akzeptierte Antwort ist keine Lösung, aber ein work-around, wie value und [ngValue] unterschiedlichen Zwecken dienen. value können verwendet werden, um einfache string-Werte, in der Erwägung, dass [ngValue] ist notwendig, um die Unterstützung von nicht-string-Werte.

    Pro die Dokumentation:

    Wenn Sie importiert haben, die FormsModule oder die ReactiveFormsModule, diese
    Wert accessor aktiv wird jede select-Steuerelement, das ein Formular
    Richtlinie. Sie nicht brauchen, um eine spezielle Selektor, um es zu aktivieren.

    Wenn Sie diese Fehlermeldung bekommen, haben Sie wahrscheinlich importieren müssen entweder FormsModule oder ReactiveFormsModule in Ihrem app.

    Beispielsweise in app.module.ts:

    import { FormsModule } from '@angular/forms';

//...

imports: [
    FormsModule,
    ...
]
    InformationsquelleAutor Mark
  3. 1

    Traf ich das gleiche Problem. Die Lösung für mich ist der import der 'ReactiveFormsModule'.
    So können Sie [ngValue] zum binden eines Objekts.

    InformationsquelleAutor Emon Zan
Schreibe einen Kommentar