Dienstag, Dezember 10, 2019

Wie stellen Sie form-Modell update auf Unschärfe in den Winkel-2

Gibt es ein äquivalent zu dieser im Winkel 2?

ng-model-options="{ updateOn: 'blur' }"

Dank

2 Kommentare

  1. 20

    In den Winkel-2 Sie können den systemeigenen DOM-Ereignissen

    <input (blur)="someMethod()" />
    

    Nun, nur eine Methode definieren, die tut, was Sie brauchen, wenn das Feld verschwimmt

    • aber ich möchte nur noch tun, eine zwei-Wege-Datenbindung auf eine Eingabe. Wenn ich, eine Methode zu implementieren, fügt es mehr Aufwand für die Umsetzung einer zwei-Wege-Bindung.
    • nicht sicher, was Sie Fragen. Wenn Sie wollen out-of-the-box in 2-Wege-Datenbindung verwenden [(ngModel)] wenn Sie wollen, definieren Sie einen Unschärfe-handler verwenden TGH Ansatz. Wenn Sie sagen wollen ngModel nur update auf blur,…naja, ich würde gerne wissen, dass auch. Ich glaube nicht, dass es derzeit eine Möglichkeit, das zu tun…ganz einfach
    • Die Vue.js äquivalent ist die „faulen“ verbindlich modifier: v-Modell.lazy=“myData“. Das wäre toll, um zu sehen, in Winkel-2.
    • Ich hatte, um tabindex="0" zu den <input/> um es an die Arbeit.
  2. 8

    Obwohl dies ein sehr Alter thread, es gibt jetzt eine sehr saubere Lösung, die mit Angular5.

    Löst du das update auf verwischen wie diese:

    Tempalte angetrieben Formen:

    <input [(ngModel)]="lastname" [ngModelOptions]="{ updateOn: 'blur' }">
    

    Reaktive Formen:

    this.nameForm = new FormGroup ({
      firstname: new FormControl('', {
        validators: Validators.required,
        updateOn: 'submit'
      }),
      lastname: new FormControl('', {
        validators: Validators.required,
        updateOn: 'submit'
      })
    });
    

    (Sie können wählen Sie submit oder blur als Werte)

    Referenz:
    https://medium.com/codingthesmartway-com-blog/angular-5-forms-update-9587c3735cd3

Kostenlose Online-Tests

Letzte Fragen

Tun ItemView löst Blase?

Ich habe eine CompositeView für eine Tabelle. Ich habe Trigger-set in der Kind-ItemView für jede Zeile... var TableRow = Marionette.ItemView.extend({ tagName:...

Wie kann ich untersuchen, WCF was 400 bad request über GET?

Die folgenden WCF-endpoint funktioniert gut mit dem WCF test client: AssetList ListFlaggedAssets(short processCode, string platform, string endpoint = "null", string portalId = "null", int...

Bei der Verwendung von UUIDs, sollte ich auch mit AUTO_INCREMENT?

Wir bauen eine neue web-app, die eine offline-iPad - /Android-app-version auf einer Reihe von lokalen Geräten, die Einsätze mit neuen Daten. Als solche benötigen...

Actionscript-Objekt, das verschiedene Eigenschaften

Wie kann ich die Anzahl der Eigenschaften in einer generischen Actionscript-Objekt? (Wie die Array-Länge) InformationsquelleAutor Fragsworth | 2011-01-15

Wie plot mehrere Graphen und nutzen Sie die Navigations-Taste im [matplotlib]

Die neueste version von matplotlib erstellt automatisch Navigations-buttons unter den graph. Aber die Beispiele, die ich finden alles im Internet zeigen, wie erstellen Sie...