Tag: angular-reactive-forms

FEHLER Error: No value accessor für Formular-Steuerelement mit dem Namen: 'sNo' es ist nicht zu finden formCOntrolName in meine DOM Komponente Seite this.form = new FormGroup({ 'sNo': new FormControl, 'question': new FormControl, 'options': new FormGroup({ 'op': new

Habe ich eine einfache form wie folgt: some.component.html <form class="example-form" novalidate (ngSubmit)="onSubmit()" autocomplete="off" [formGroup]="testform"> <input type="text" formControlName="name" class="form-control" placeholder="Enter name" required/> <app-show-errors [control]="claimform.controls.name"></app-show-errors> <button type="submit" (click)="onSubmit()">Next</button> </form> einige.Komponente.ts ngOnInit() { this.testform= new FormGroup({ name: new FormControl('', {

EDIT: Was ich erreichen möchte, ist eine Validierung an einem einzigen Control und nicht das gesamte Formular. Sollte der validator überprüfen Sie alle atom Felder wie Haus, Straße, Hausnummer etc. und dann sofort die google-maps-Eingabe-Steuerung. Bin ich

Gibt es eine bevorzugte Art, bei der Auswahl Validierung mit myForm.controls['name'].valid myForm.get('name').valid als beide zu sein scheint, nur syntaktisch anders, aber erreichen das gleiche Ziel. <label>Name <input type="text" formControlName="name"> </label> <div class="alert" *ngIf="!myForm.controls['name'].valid && myForm.controls['name'].touched"> {{ titleAlert

Wenn ich tab durch den text ein, ohne die Eingabe von nichts, der Fehler msg divs-display, die angibt, dass die erforderliche validator hat ordnungsgemäß ausgelöst. Allerdings, wenn ich den Typ etwas in eines der Felder, wird die

this.formGroup = this.formBuilder.group({ images: this.fb.array() }); Ich hinzufügen, neues element in dieser Art: this.images.push(new FormControl(new ImageCreateForm(this.imageResponse.id))); get images(): FormArray { return <FormArray>this.formGroup.controls.images; } Meine Klassen: export class ImageCreateForm { id: number; constructor(id: number) { this.id = id;

sind reaktive Formen dem Weg zu gehen, um eine Komponente, die hören können, die für änderungen in der Gültigkeitsstatus der form, die es enthält, und führen Sie einige compoment Methoden? Es ist leicht zu deaktivieren Sie die

Ich habe ein Formular auf meiner Seite und wenn ich rufe FormGroup.reset() es legt die Formen Klasse ng-pristine ng-untouched aber FormControl.hasError(...) noch zurück truthy. Was mache ich hier falsch? Vorlage <form [formGroup]="myForm" (ngSubmit)="submitForm(myForm)"> <mat-form-field> <input matInput formControlName="email"

Ich habe 2 radio-buttons, ich bin mit der reaktiven Formen und ich habe die Formular-Steuerelemente innerhalb meiner Komponente. Das Problem, das ich bin vor ist, dass das name-Attribut muss gleich sein wie die formControlName. Wenn ich die

Kann nicht acces es in der gleichen Weise wie in Eckige docs, so zu packen, die FormGroup ersten Instanz und finden FormControl Instanz drin.. ich Frage mich, warum? Dieses Beispiel funktioniert: <form [formGroup]="myForm" (ngSubmit)="onSubmit()"> <div class="form-group"> <label

Ich versuche, herauszufinden, wie man ein Rohr in eine reaktive form, so dass die Eingabe gezwungen wird, in einer Währung format. Ich habe bereits meine eigene Pfeife, die ich getestet habe, auch in anderen Bereichen des Codes,

Ich bin mit Winkel 4, Reaktive Formen.Ich will zeigen, Validierung Fehlermeldung, wenn der Benutzer klickt auf "Absenden" /Schaltfläche "Konto Erstellen". Hier ist der HTML-und typescript-code, den ich verwende. <form [formGroup]="signupForm" (ngSubmit)="onSubmit()"> <div class="form-group"> <input type="text" id="firstname" name="firstname"

Gibt es eine Möglichkeit, deaktivieren, um die gesamte form in Winkel bei Verwendung von Reaktiven Formen. Ich weiß, dass es möglich ist, um Sie zu deaktivieren. this.tempForm = this.fb.group({ m26_type: '', m26_name: '' }) this.tempForm.get('m26_type').disable(); Ist es

Ich bin converting-Winkel-1.6-code zum Winkel 4, und ich habe ein Problem mit einer Liste von Elementen. Der code in Eckigen 1.6: <select ng-model="$ctrl.level" ng-options="item as item.label for item in $ctrl.referentiel.levels | orderBy : 'index' track by item.id"

Hallo, ich bin die Implementierung einer form in Winkel-2 mit dem Formular-generator Komponente.ts implementierte ich mein Formular mit formGroup Unten ist Mein code public myForm: FormGroup; constructor(private authenticateservice: AuthenticateService, private _fb: FormBuilder ) { } ngOnInit() {

Ist es möglich, als ungültig-Formular-Steuerelement in angular2? (verwendete form builder) zB. ich habe form-> exampleFrom & field-> exampleControl Ich habe dies versucht, nicht gelingen : this.exampleFrom.controls['exampleControl'].invalid InformationsquelleAutor Ketan Akbari | 2017-05-08

Möchte ich eine Schaltfläche deaktiviert, bis Sie eine checkbox aktiviert wurde mit einem FormBuilder für Eckige. Ich will nicht, um explizit zu überprüfen, den Wert der checkbox und bevorzugen ein validator so, ich kann einfach überprüfen form.valid.