Im Winkel 2, ngIF nicht funktioniert, wenn ich versuche mit zwei-Wege-Bindung
Arbeite ich mit Angular2
mit zwei-Wege-binding-Konzept [(ngModel)]
.Ich habe Formular mit meiner Seite und ich habe zu validieren, den ursprünglichen Zustand des Elements. Also für die Validierung benutzt habe ich ngIf
zu prüfen, den ursprünglichen Zustand des Elements. Aber der Zustand ist nicht arbeiten. Ich brauche, um zu überprüfen, die ursprünglichen Zustands für jedes Modell ändern. Unten ist mein app.component.html
Seite:
<form (ngSubmit)="angular2form(myAngular2Form.employeeDob)" [ngFormModel]="myAngular2Form">
<input type="text" class="form-control" id="employee" name="employee" [(ngModel)]="employeeDob" required />
<div *ngIf="employeeDob.pristine">
<p>Please enter the date</p>
</div>
<button type="submit" class="btn btn-primary">Register</button>
</form>
Dies ist meine Komponente:
export class AppComponent {
employeeDob: String;
constructor(private myform: FormBuilder) {
this.employeeDob = '';
}
angular2form(date) {
alert("date submitted successfully");
}
}
Vielen Dank für jede Anregung
InformationsquelleAutor Sasi Dhivya | 2016-08-01
Du musst angemeldet sein, um einen Kommentar abzugeben.
pristine
ist eine Eigenschaft derControl
nicht dervalue
.Möchten Sie vielleicht die Verwendung
(für die alten forms-Modul)
InformationsquelleAutor Günter Zöchbauer
<input type="text" class="form-control" id="employee" name="employee" [(ngModel)]="employeeDob" #date="ngModel" required />
<div [hidden]="date.valid || date.pristine">
<p>Please enter the date</p>
</div>
straight outta Dokumentation
https://angular.io/docs/ts/latest/guide/forms.html
AUSNAHME: Template parse Fehler: Es gibt keine Richtlinie, die mit "exportAs" "ngModel" ("" class="form-control" id="employeeDob" [(ngModel)]="employeeDob" name="employeeDob" [FEHLER ->]#employeeDob="ngModel" erforderlich />
Welche version von angular verwenden Sie? Ich denke, dass ist fest in einer neueren version. github.com/angular/angular/issues/9363
Ich bin mit Winkel - common/core-2.0.0-rc.1"
Leider glaube ich, dass meine Antwort funktioniert nur für den rc.3 und spätere Versionen
InformationsquelleAutor Kyrsberg
unberührten ist wahr, wenn der Benutzer nicht interagiert mit der form noch nicht. Werden Sie wahrscheinlich wollen, um zu überprüfen, für dirty statt? Sie können auch die
hidden
- tag, und ersetzen Siemit:
InformationsquelleAutor Martin Brandl