Hinzufügen default-Wert input-Feld Angular2

Ich versuche zu bauen, ein eckiges 2-Anwendung, mein problem ist, dass ich möchte geben Sie einen Standardwert für einen input und stellen Sie es deaktiviert, habe ich versucht, dieses funktioniert aber nicht.

<div class="form-group">
    <label for="input01">UUID</label>
    <input class="form-control form-control-rounded" id="input01" style="width:600px;margin-left:60px" type="text" [(ngModel)]="beacon.uuid" value="{{uuid}}" name="uuid" disabled>
  </div>

Jede Lösung?

versuchen Platzhalter = {{uuid}}
Wenn Sie nicht möchten, zu speichern default-Wert in Ihrem Modell check dieser aswer
Sie sollten diese Einstellung auf das Modell. hast du zufällig die Dokumentation Lesen...? - Winkel.io/Handbuch/Formulare-übersicht

InformationsquelleAutor Laamiri Oussema | 2017-04-19

  1. 7

    Wenn Sie möchten, geben Sie einen Standardwert ohne zwei-Wege-Bindung, verwenden Sie [value]:

    <div class="form-group">
  <label for="input01">UUID</label>
  <input id="input01" type="text" [value]="beacon.uuid" class="form-control form-control-rounded" name="uuid" disabled>
</div>

    InformationsquelleAutor Dane

  2. 2

    Ihre Vorlage:

    <div class="form-group">
    <label for="input01">UUID</label>
    <input class="form-control form-control-rounded" id="input01" style="width:600px;margin-left:60px" type="text" [(ngModel)]="beacon.uuid" name="uuid" [disabled]="true">
  </div>

    In der Komponente: 

    ngOnInit() {
  beacon.uuid = "my default value"
}

    InformationsquelleAutor raven

  3. 0

    Entfernen Sie den Wert aus Eingang

    <div class="form-group">
    <label for="input01">UUID</label>
    <input class="form-control form-control-rounded" id="input01" type="text" [(ngModel)]="beacon.uuid" name="uuid" disabled>
</div>

    Sonst wird es zu einem Konflikt zwischen Ihren persönlichen Stil und Ihr disabled-Attribut

    InformationsquelleAutor sainu

Schreibe einen Kommentar