angular2 form + Async-Validierung + ChangeDetectionStrategy.OnPush = keine Ansicht aktualisieren?

Question

[angular2 RC4 + @ Winkel/forms module]

Ich habe eine Komponente OnPush Änderungsdetektion eine FormGroup enthält. Dieses Formular enthält einen FormControl mit einem async Validator.

Wenn die Validierung abgeschlossen ist (nicht mehr pending), wird die Ansicht nicht aktualisiert. Nur das input Blur-Ereignis macht Ansicht aktualisieren ..

Wenn ich die OnPush Änderungserkennung entfernen, funktioniert es ordnungsgemäß.

This plunker demonstrates it.

Ist es ein eckiger Fehler oder mache ich etwas falsch?

Answer 1

Sieht aus wie Sie das Ziel der Verwendung von ChangeDetectionStrategy.OnPush vermissen.

Sie haben keine @Input-Eigenschaft oder | async Pipe auf Ihrer Komponente, aber es ist nur Punkt des Aktualisierens des Ansichtszustands mit dieser Strategie - wenn Input-Eigenschaft aktualisiert (in idealer Weise mit einem neuen Objekt). Deshalb sollte man nur loswerden es für aktuellen Fall

UPDATE

wenn Sie immer noch darauf bestehen, über die Verwendung OnPush in diesem Fall für die erwartete Verhalten sollten Sie Änderungserkennung manuell auslösen.

Fügen Sie import {..., ChangeDetectorRef} from '@angular/core'; hinzu und injizieren Sie eine Instanz davon in den Konstruktor.

In Ihrer Methode müssen Sie hinzufügen:

uniqueNameAsync(control: FormControl): Promise<{[key: string]:any}>{ 
    return new Promise(resolve => { 
     setTimeout(() =>{ 
      resolve(null); 
      this.changeRef.markForCheck(); 
     }, 500); 
    }); 
}