Als «angular2-forms» getaggte Fragen

Ein Winkelformular ist eine Sammlung von Dateneingabesteuerelementen. Verwenden Sie dieses Tag für Fragen zu vorlagengesteuerten und reaktiven Formularen wie NgForm, FormGroup, FormControl, AbstractControl, FormBuilder und Validators sowie zur Datenbindung zwischen Formularen und Komponenten.

27
Kann nicht an 'formGroup' gebunden werden, da es keine bekannte Eigenschaft von 'form' ist.
DIE SITUATION: Bitte helfen Sie! Ich versuche, in meiner Angular2-App eine sehr einfache Form zu erstellen, aber egal, was nie funktioniert. WINKELVERSION: Winkel 2.0.0 Rc5 DER FEHLER: Can't bind to 'formGroup' since it isn't a known property of 'form' DER CODE: Die Aussicht: <form [formGroup]="newTaskForm" (submit)="createNewTask()"> <div class="form-group"> <label for="name">Name</label> …
6
tslint / codelyzer / ng fusselfehler: "for (… in…) Anweisungen müssen mit einer if-Anweisung gefiltert werden"
Flusenfehlermeldung: src / app / detail / edit / edit.component.ts [111, 5]: for (... in ...) Anweisungen müssen mit einer if-Anweisung gefiltert werden Code-Snippet (Es handelt sich um einen Arbeitscode . Er ist auch im Abschnitt zur Überprüfung des Formulars angle.io verfügbar. ): for (const field in this.formErrors) { // …
21
Angular Framework-Fehler von TypeScript - "Es gibt keine Direktive, bei der exportAs auf ngForm gesetzt ist."
Ich erhalte immer wieder diesen Fehler, wenn ich das Angular2-Forms-Framework von TypeScript verwende: Es gibt keine directivemit "exportAs" auf "ngForm" gesetzt. Hier ist mein Code Projektabhängigkeiten: "dependencies": { "@angular/common": "2.0.0-rc.6", "@angular/compiler": "2.0.0-rc.6", "@angular/core": "2.0.0-rc.6", "@angular/forms": "2.0.0-rc.6", "@angular/http": "2.0.0-rc.6", "@angular/platform-browser": "2.0.0-rc.6", "@angular/platform-browser-dynamic": "2.0.0-rc.6", "@angular/router": "3.0.0-rc.2", "ng2-bootstrap": "^1.1.1", "reflect-metadata": "^0.1.8", "core-js": "^2.4.0", …
9
Wie kann ich ein Angular-Formularfeld manuell als ungültig festlegen?
Ich arbeite an einem Anmeldeformular. Wenn der Benutzer ungültige Anmeldeinformationen eingibt, möchten wir sowohl das E-Mail- als auch das Kennwortfeld als ungültig markieren und eine Meldung anzeigen, dass die Anmeldung fehlgeschlagen ist. Wie gehe ich vor, um diese Felder nach einem beobachtbaren Rückruf als ungültig festzulegen? Vorlage: <form #loginForm="ngForm" (ngSubmit)="login(loginForm)" …
14
Winkel 2: Kann nicht an 'ngModel' gebunden werden, da dies keine bekannte Eigenschaft von 'input' ist.
Ich versuche, dynamische Formulare in Angular 2 zu implementieren. Ich habe den dynamischen Formularen zusätzliche Funktionen wie Löschen und Abbrechen hinzugefügt. Ich habe diese Dokumentation befolgt: https://angular.io/docs/ts/latest/cookbook/dynamic-form.html Ich habe einige Änderungen am Code vorgenommen. Ich bekomme hier einen Fehler. Wie mache ich diesen Fehler? Den vollständigen Code finden Sie hier: …
6
Was sind die praktischen Unterschiede zwischen vorlagengesteuerten und reaktiven Formen?
Ich habe über Angular2 New Forms API gelesen und es scheint, dass es zwei Ansätze für Formulare gibt, einen vorlagengesteuerten Formularen, einen reaktiven oder modellgesteuerten Formularen. Ich würde gerne den praktischen Unterschied zwischen den beiden kennen, nicht den Unterschied in der Syntax (offensichtlich), sondern die praktischen Verwendungen und welchen Ansatz …
10
Angular2-Deaktivierungstaste
Ich weiß das in angle2 eine Schaltfläche mit dem [disable]Attribut deaktivieren kann , zum Beispiel: <button [disabled]="!isValid" (click)="onConfirm()">Confirm</button> aber kann ich es mit [ngClass]oder machen[ngStyle] ? Wie so: <button [ngStyle]="{disabled : !isValid}" (click)="onConfirm()">Confirm</button> Vielen Dank.
3
Steuerelemente mit deaktiviertem Winkel 2 werden nicht in den form.value aufgenommen
Ich habe festgestellt, dass das Steuerelement nicht in den form.value aufgenommen wird, wenn ich ein Steuerelement in einem reaktiven Angular 2-Formular deaktiviere. Zum Beispiel, wenn ich mein Formular wie folgt definiere: this.notelinkingForm = new FormGroup({ Enabled: new FormControl(settings.Enabled, Validators.required), LinkToPreceeding: new FormControl({value: settings.LinkToPreceeding, disabled: !settings.Enabled}, Validators.required), LinkingTolerance: new FormControl({value: settings.LinkingTolerance, …
11
Angular2-Fehler: Es gibt keine Direktive mit "exportAs" auf "ngForm".
Ich bin auf dem RC4 und erhalte den Fehler. Es gibt keine Direktive, bei der "exportAs" aufgrund meiner Vorlage auf "ngForm" gesetzt ist : <div class="form-group"> <label for="actionType">Action Type</label> <select ngControl="actionType" ===> #actionType="ngForm" id="actionType" class="form-control" required> <option value=""></option> <option *ngFor="let actionType of actionTypes" value="{{ actionType.label }}"> {{ actionType.label }} </option> …
14
Wenden Sie eine Richtlinie unter bestimmten Bedingungen an
Ich benutze Material 2, um hinzuzufügen md-raised-button. Ich möchte diese Richtlinie nur anwenden, wenn eine bestimmte Bedingung erfüllt ist. Beispielsweise: <button md-raised-button="true"></button> Ein weiteres Beispiel: Ich habe im Plunker eine dynamische Grundreaktionsform erstellt. Ich verwende die formArrayNameDirektive der reaktiven Form für eine Reihe von Kontrollen. Ich möchte die formArrayNameDirektive nur …
12
Angular ReactiveForms: Erstellen eines Arrays von Kontrollkästchenwerten?
formControlNameWie kann ich bei einer Liste von Kontrollkästchen, die an dasselbe gebunden sind, ein Array von Kontrollkästchenwerten erstellen, die an das gebunden sind formControl, anstatt einfach true/false ? Beispiel: <form [formGroup]="checkboxGroup"> <input type="checkbox" id="checkbox-1" value="value-1" formControlName="myValues" /> <input type="checkbox" id="checkbox-2" value="value-2" formControlName="myValues" /> <input type="checkbox" id="checkbox-3" value="value-2" formControlName="myValues" /> </form> …
5
Was ist der Unterschied zwischen formControlName und FormControl?
Ich verwende ReactiveFormsModuleAngular2, um eine Komponente zu erstellen, die ein Formular enthält. Hier ist mein Code: foo.component.ts : constructor(fb: FormBuilder) { this.myForm = fb.group({ 'fullname': ['', Validators.required], 'gender': [] }); } foo.component.html (mit [formControl]): <div class="fields"> <div class="field"> <label>Fullname*</label> <input type="text" [formControl]="myForm.controls.fullname"/> </div> </div> <div class="inline fields"> <label for="gender">Gender</label> <div …
8
Winkel 2 In formArrays kann keine Steuerung mit nicht angegebenem Namensattribut gefunden werden
Ich versuche, ein formArray in meiner Komponente zu durchlaufen, erhalte jedoch den folgenden Fehler Error: Cannot find control with unspecified name attribute So sieht die Logik in meiner Klassendatei aus export class AreasFormComponent implements OnInit { public initialState: any; public areasForm: FormGroup; constructor(private fb: FormBuilder) { } private area(): any …
4
Wann wird FormGroup vs. FormArray verwendet?
FormGroup : Eine FormGroup fasst die Werte jedes untergeordneten FormControl zu einem Objekt zusammen, wobei jeder Steuerelementname als Schlüssel dient. const form = new FormGroup({ first: new FormControl('Nancy', Validators.minLength(2)), last: new FormControl('Drew'), }); FormArray : Ein FormArray fasst die Werte jedes untergeordneten FormControl in einem Array zusammen. const arr = …
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.