Montag, Januar 20, 2020

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