Tag: angular2-forms

Eine Eckige form ist eine Sammlung von Daten-input steuert. Verwenden Sie dieses tag für Fragen zur template-getriebenen und reaktiven Formen einschließlich NgForm, FormGroup, Control, AbstractControl, FormBuilder, und Validatoren sowie Daten die Bindung zwischen Formen und Komponenten.

Eckige 2 - form Gruppe-Komponente

Anzahl der Antworten 3 Antworten
Ich versuche das erstellen eines data-driven-form mit inputs aus anderen Komponente, wie diese: <form [formGroup]="signupForm" (ngSubmit)="onSubmit()"> <app-form-group [name]="name"></app-form-group> <app-form-group [name]="email"></app-form-group> <app-form-group [name]="other"></app-form-group> </form> Den app-form-group Komponente wird in etwa so Aussehen: <div class="form-group"> <label class="col-md-2 control-label">{{Name}}</label> <div

Winkel 2 deaktivierten Steuerelemente nicht bekommen, in das Formular aufgenommen.Wert

Anzahl der Antworten 3 Antworten
Habe ich bemerkt, dass wenn ich deaktivieren Sie ein Steuerelement auf einer Eckigen 2 reaktive form dann das Steuerelement wird nicht in das Formular aufgenommen.Wert. Zum Beispiel, wenn ich definiere mein Formular wie folgt: this.notelinkingForm = new

was ist der Unterschied zwischen den #Namen-und [(ngModel)]="name" Angular2 Eingabe in ein Formular?

Anzahl der Antworten 2 Antworten
Bin ich ein wenig verwirrt, denn einige Tutorials verwenden Sie#, um die Eingabe, während einige verwenden Sie den [(ngModel)] InformationsquelleAutor pyy | 2017-04-05

Winkel-2 Trigger-Formular-Validierung auf " Absenden

Anzahl der Antworten 5 Antworten
Ich ein Formular erstellt mit Winkel 2 und ein paar custome Prüfungen. Jetzt will ich trigger die form der Validierung, wenn der Benutzer auf die senden-Schaltfläche. In den Beispielen, die ich bisher gefunden der submit-button ist deaktiviert,

Immer Objekt-Eigenschaften über ngModel select-Liste in Eckige 2?

Anzahl der Antworten 2 Antworten
Ich habe ein problem, das Holen der Eigenschaften von einem Objekt, das ausgewählt wurde aus einer select-Liste in Eckige 2 (RC1). Nehmen Sie die folgende syntax: <select required [(ngModel)]="model.plan"> <option selected="selected" disabled>Plan...</option> <option *ngFor="#plan of plans" [value]="plan">{{

TypeError: Cannot create property 'Prüfung' auf string '[email protected]' bei setUpControl

Anzahl der Antworten 2 Antworten
Ich Gesicht Problem in formGroup. Zuerst auf URL-Basis nehme ich ein paar Wert-und Aufruf-API für das abrufen von bestimmten Benutzer-Daten für das pre-Feld text. register.html <form [formGroup]="form" (ngSubmit)="onSubmit(form.value)" class="form-horizontal"> <div class="form-group row"> <label for="inputEmail3" class="col-sm-4 ">Username</label> <div

Angular2 - Wie man `berührt` - Eigenschaft der form auf true

Anzahl der Antworten 1 Antworten
Ich habe eine reaktive form in meine Komponente und ich möchte, um die touched Eigenschaft an jedem der Eingänge gleich true. Mein aktuelle code, aber es wirft den Fehler Cannot set property touched of #<AbstractControl> which has

So formatieren Sie text eingeben Wert der Währung auf Winkel-4 auf den Fokus verloren?

Anzahl der Antworten 1 Antworten
will ich formatieren Sie den Wert der Eingabe von text in Währung nach dem Fokus verlieren. Wie kann ich erreichen, dass in angular4? <input type="text" name="txtamount" [(ngModel)]="amount" /> Jeder Vorschlag würde geschätzt werden. Danke! Winkel.io/api/common/CurrencyPipe InformationsquelleAutor Juan

Angular2 v. 2.3 - Haben Sie eine Richtlinie den Zugriff auf ein Control erstellt durch formControlName syntax

Anzahl der Antworten 2 Antworten
So, ich bin versucht, eine Richtlinie, die manipulieren können, ein FormControl. Scheint es, dass wenn ich die lange syntax für die Deklaration Formular-Steuerelemente in die Vorlage statt, kann ich übergeben Sie die Kontrolle an einer Richtlinie, um

Winkel 2 Radio Schaltfläche Validierung mit ngModel

Anzahl der Antworten 4 Antworten
Eckige 2-Dokumentation erzählt über die Formular-Validierung. Aber nur für Eingabefelder Typ text. Meine Frage ist für die Radio-Buttons. Hier ist HTML: <input type="radio" required name='gender' value='Male' [(ngModel)]='gender'>Male <input type="radio" required name='gender' value='Female' [(ngModel)]='gender'>Female <button type='button' [disabled]="??">Next<button> How

Winkel-2 form-control undefined

Anzahl der Antworten 2 Antworten
Habe ich eine eckige 2-Komponente, die ein Formular mit einigen Steuerelementen und in meine html ich benutze die valid-Eigenschaft von "Kategorien" Kontrolle und es beschwert sich: Cannot read property 'gültig' undefined auf diese Zeile html-code: [ngClass]="{'no-error': addForm.controls.categories.valid

Wie zu verwenden ngModel mit einem benutzerdefinierten Steuerelement in einem Formular?

Anzahl der Antworten 3 Antworten
Erstellte ich eine Komponente für die Handhabung von select box, jetzt wenn ich es im form-tag nach der vorgelegten form das Ergebnis der Auswahl nicht zeigen, bis in der Konsole. Was ist das problem mit meinem code?

Wie zum einschränken der Eingabe-textbox zur Eingabe von zahlen nur in Angular2 form?

Anzahl der Antworten 6 Antworten
Habe ich zum einschränken der Benutzer, geben Sie nur zahlen in ein Feld in Angular2->form Ich habe die Lösung, aber die Rücktaste funktioniert nicht im Eingabefeld Kann jemand die richtige Lösung? form.html <input (keypress)="keyPress($event)" minlength="8" maxlength="15" required

Dropdown-Liste - Modell Bindung durch Wert - Winkel-2

Anzahl der Antworten 2 Antworten
Ich habe eine Seite, die es einem Benutzer ermöglicht, zu aktualisieren, die Farbe eines Autos. Es gibt zwei api-Aufrufe, um wieder die Auto-json-Objekt und eines zum Befüllen eines drop-down-Liste von Farben. Mein Problem ist, dass Winkel 2

Angular2 - Prüfungen.verfassen

Anzahl der Antworten 3 Antworten
Ich habe Probleme mit der Validators.compose Funktion (kein Fehler, nur nicht bestätigen) Hier ist mein code: var validators = ()=> { var validatorArr = ; validatorArr.push(Validators.required); validatorArr.push(Validators.maxLength(column.max)); return Validators.compose(validatorArr); }; var ctrl: Control = new Control(row.items[column.mapper], validators);

Winkel-2 Dynamische Formulare: erstellen von abhängigen dropdown

Anzahl der Antworten 1 Antworten
Erstelle ich dynamische form, durch die Bezugnahme auf Winkel-2 Dynamische Formulare Alles funktioniert gut. aber das problem, das ich bin vor ist die Schaffung abhängige drop-down. zB: ich möchte ein Formular erstellen, wo Benutzer kann wählen Sie

Nicht acces Control-Instanz direkt. Cannot read property '' invalid ' undefined

Anzahl der Antworten 3 Antworten
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

Eckige 2-Formular mit array von Objekt-Eingänge

Anzahl der Antworten 1 Antworten
Baue ich eine Rechnungsstellung app zu lernen Angular2. Die Frage, die ich bin, zu schlagen ist, wie das line-Element, Komponente, wo eine Zeile enthält 3 Eingänge kommen soll, aus und binden an ein Objekt in einem array

Eckige 2 - Wie automatisch binden Objekt-Werte bezogen auf die Formular-Steuerelemente?

Anzahl der Antworten 3 Antworten
Ich bin mit model driven forms und ich bin auf der Suche eine bessere Möglichkeit die Daten zu binden Bezug auf formControlName's, weil ich mehr als 25 Felder auf meinem Formular, und ich will nicht zu haben,

Wie kann ich eine pagination-Komponente in der Winkel 4?

Anzahl der Antworten 2 Antworten
Habe ich eine API-endpoint-wie /list/students?page=5&rows=10 mit einer Paginierung Parameter page und size. Ich will erstellen Sie eine angular2 pagination-Komponente. Eingangsgrößen werden Seite Größe Darüber hinaus möchte ich zu gehen, um bestimmte Seite und die Größe mit den

Eckige 2 - set Kann nicht form-array-Wert

Anzahl der Antworten 3 Antworten
Bekomme ich diesen Fehler: Gibt es keine Formular-Steuerelemente registriert dieses array noch. Wenn Sie ngModel, möchten Sie vielleicht zu prüfen, nächsten tick (z.B. mit setTimeout). Wenn mit diesem code: public settingsForm: FormGroup = this.fb.group({ collaborators: this.fb.array(), rsvp:

Wie set radio-button-Wert mittels Reaktiver form?

Anzahl der Antworten 1 Antworten
Hier ist meine Komponente Klasse, wo ich versuche ein Formular radio button "den Wert" 1: import { FormGroup, FormControl } from '@angular/forms'; export class myComponent implements OnInit{ pageForm: FormGroup; ngOnInit() { this.pageForm = new FormGroup({ 'gndr': new

Angular2/4-Matte-wählen Sie mehrere ngModel

Anzahl der Antworten 3 Antworten
Habe ich eine Matte-wählen Sie " dropdownlist mit mehreren aktiviert und bin mit NgModel zum speichern der Benutzer-ausgewählten Werte. Problem ist, wenn ich navigieren Sie zu einer anderen Seite und kommen zurück, die vom Benutzer vorgewählten Werte

Winkel-2 Reaktiven Formen: update select-Liste auf-value-änderungen

Anzahl der Antworten 2 Antworten
Habe ich eine Eckige 2-form gebaut mit ReactiveForms. Die form enthält 2 Elemente auszuwählen. Die erste enthält eine Liste von Automarken. Wenn ein make aus der Liste ausgewählt wird, wird die zweite select-element sollte zeigen die Modelle

Wie um zu überprüfen, ob Textfeld leer ist oder nicht im Winkel 2?

Anzahl der Antworten 2 Antworten
Habe ich Textbereich box ,die ich brauche, die Daten zu prüfen, wenn wir geben Sie den text im text-Bereich.Ich habe geschrieben-change-Methode, aber das funktioniert nicht hier ist der code. <textarea (change)="textAreaEmpty(textValue)" #textValue></textarea> Komponente textAreaEmpty(text:string){ if(text.length > 0)

Eckig - Es gibt keine Richtlinie, die mit "exportAs" "ngModel"

Anzahl der Antworten 4 Antworten
Folgenden werden die Dateien in der AngularJS-Projekt. Wie bereits in einigen posts, die ich Hinzugefügt haben: ngModel name="currentPassword" #currentPassword="ngModel in das input-Feld, aber immer noch ein Fehler. Paket.json ......... "dependencies": { "@angular/common": "^2.3.1", "@angular/compiler": "^2.3.1", "@angular/core": "^2.3.1",

Angular2, Wie die Anzeige localStorage-Wert in HTML5 template?

Anzahl der Antworten 2 Antworten
Speicher ich 2 Schlüssel im localStorage und ich möchte die Anzeige einer von Ihnen, der in meine Vorlage. Ich kann nicht auf diese Werte. Ich habe sogar ein interface geschaffen, nur um den Wert zu speichern der

Eckige 2 - akzeptieren Sie nur Natürliche Zahl in input

Anzahl der Antworten 2 Antworten
Habe ich eine shop-Komponente, und ich muss verbieten Leute zu Holen negative zahlen in meinem Eingang. Zum Beispiel, wenn Benutzer geben Sie -3 in mein input, der input-Wert wird unverzüglich ändern zu 0. Wie kann ich die

Eckige 2-form Validierungen start-Datum <= Ende-Datum

Anzahl der Antworten 6 Antworten
Ich versuche zum hinzufügen von Validierungen, so dass das Ende-Datum kann nicht vor dem Startdatum. Ich habe leider keine Idee, wie das zu tun, und ich fand keine hilfreichen Tipps im internet so weit. Meine form sieht

Angular2 (ngSubmit) funktioniert nicht

Anzahl der Antworten 2 Antworten
Ich habe gerade erst begonnen Angular2 und mit Blick auf folgende Fehlermeldung beim hinzufügen (ngSubmit) - Attribut, um meine form Template parse errors: There is no directive with "exportAs" set to "ngForm" (" <form [ERROR ->]#form="ngForm" (ngSubmit)="onSubmit()"

Wie man den Wert eines FormControl in angular2

Anzahl der Antworten 2 Antworten
Habe ich in das folgende Formular ein FormArray mit FormGroups <form [formGroup]="screenForm" novalidate> <div formArrayName="iPhoneScreenshots" class="row"> <div *ngIf="screenForm.controls.iPhoneScreenshots?.length > 0"> {{screenForm.controls.iPhoneScreenshots?.length }} <div *ngFor="let url of screenForm.controls.iPhoneScreenshots.controls; let i=index"> <div [formGroupName]="i"> <input class="form-control" formControlName="url"> <img src="{{app.screenshotUrls[i]}}" class="rounded

Winkel-2: Reload dieselbe Komponente wieder, wenn die Umleitung auf der gleichen Strecke

Anzahl der Antworten 3 Antworten
Ich bin mit 'routerLink' navigieren meine Strecken und es funktioniert Prima. Aber wenn ich klicken Sie erneut auf den gleichen button, ich möchte, dass die Komponente wird erneut geladen. Aber derzeit ist es nicht im angular2. app.component.html

Wie fügt neue FormGroup oder FormControl zu bilden

Anzahl der Antworten 3 Antworten
Habe ich Folgendes form im Winkel erstellt mit FormBuilder: constructor(private fb: FormBuilder) { this.myForm = fb.group({ 'name': ['', [Validators.required], 'surname': ['', [Validators.required], 'email': ['', [validateEmail]], 'address': fb.group({ 'street': [''], 'housenumber': [''], 'postcode': [''] }, { validator: fullAddressValidator

Methode, um Wert und aktualisieren Sie die Gültigkeit der Formular-Steuerelement

Anzahl der Antworten 3 Antworten
Frage ich mich, ob es irgendeine Methode, um Wert-und update-Gültigkeit ein Steuerelement von einem Formular. Angesichts der folgenden: this.updateForm = this._formBuilder.group({ user: ['',Validators.required] }); Habe ich einige Richtlinie, die auf Veränderung auslösen, löst die folgenden: changeUserSelection(value){ this.updateForm.controls['user'].value

Angular2 Fehler bei der Überprüfung als "ngClass' da ist es nicht eine bekannte Eigenschaft von 'div'. (

Anzahl der Antworten 2 Antworten
Hier schrieb ich eine kleine Validation-Eigenschaft für EName Validierung, wenn ich versuche, 2 Laden, Html Seite ich bin immer Fehler wie 'ngClass' da ist es nicht eine bekannte Eigenschaft von 'div'. ( Komponente.ts import { Component, OnInit

Hinzufügen/entfernen reaktive form Prüfungen auf dynamisch erstellte inputs

Anzahl der Antworten 1 Antworten
Ich habe ein Formular erstellt, im Winkel 4, in dem der Benutzer klicken Sie auf eine Schaltfläche HINZUFÜGEN oder ENTFERNEN in das Formular zum hinzufügen/entfernen von Feldern auf der form. Ich benutze ngFor zum erstellen der html-Eingaben

Deaktiviert überprüfung der Eingaben in dynamischer form

Anzahl der Antworten 2 Antworten
Habe ich eine dynamische form (ein Beispiel für die Verwendung eckig.io-dynamische form, live-Beispiel plunkr) und ich wollen zu deaktivieren Eingabe dieses Formular aus, um ihn anzuzeigen, werden die dann als readonly Informationen. Also beschloss ich, fügen Sie

Winkel-2 Reaktiven Formen - Erkennen-input-change-event auf der Komponente

Anzahl der Antworten 2 Antworten
Möchte ich erkennen den Wert von change-Ereignis, um die Eingabe auf dem Formular.Komponente.ts. Ich möchte nicht, rufen Sie die Funktion ex: (onChange) = "function($Ereignis.Ziel.Wert)" public form: FormGroup; constructor(private formBuilder: FormBuilder){ } private loadForm(){ this.form = this.formBuilder.group({ tipo:

Wie generieren Sie Checkboxen verwenden *ngFor und eine Liste der Karten

Anzahl der Antworten 1 Antworten
Habe ich die folgende Karte .dart List<Map<String, dynamic>> symptoms = [ {'name': 'Dizziness', 'checked': false}, {'name': 'Fainting', 'checked': false} ]; Mein falsch versucht in html ist unten dargestellt .html - <div class = "form-group"> <div class =

Winkel 2 Benutzer wählen lassen und das Bild von Ihrem lokalen Rechner

Anzahl der Antworten 4 Antworten
Ich bin sehr neu zu Eckig. Ich bin versucht zu machen, eine einfache web-Anwendung mit Angular 2, wo ich die Benutzer auswählen und Bild von Ihrem lokalen computer. Dann möchte ich, um dieses Bild in einen <img>

Im Winkel 2, ngIF nicht funktioniert, wenn ich versuche mit zwei-Wege-Bindung

Anzahl der Antworten 3 Antworten
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.

Formular-Steuerelement-valueChanges gibt den vorherigen Wert

Anzahl der Antworten 4 Antworten
Ich habe ein Formular-Steuerelement mit dem Namen 'question1' innerhalb des form-Objekts parentForm und ich abonniert haben, um es in der folgenden Weise. Seine radio-button mit zwei Optionen Yes und No, wenn ich wählen Sie No bekomme ich

Angular2 reaktive Formen löschen Fehler

Anzahl der Antworten 8 Antworten
Ich versuche, ein Formular-Steuerelement-status gültig this.currencyForm.controls['currencyMaxSell'].setErrors({smallerThan: true}) will ich jetzt löschen Sie diesen Fehler. Sie können führen Sie die Validierung - this.currencyForm.controls['currencyMaxSell'].updateValueAndValidity() Versuchen setError(null) InformationsquelleAutor Arman Gevorgyan | 2017-04-17

Angular2 Benutzerdefinierte Komponente - mark als ursprünglichen und unberührten

Anzahl der Antworten 2 Antworten
Ich habe ein template-driven form in Eckigen 2.1 enthält viele standard-Steuerelemente (<input>, <select> etc) und ein benutzerdefiniertes Steuerelement, das sich selbst enthält mehrere input-Elemente. Habe ich umgesetzt ControlValueAccessor auf das benutzerdefinierte Steuerelement und es sich ausbreitet, es

Async-Validator Werfen validator Erwartet, um die Rückkehr zu Versprechen oder zu Beobachten

Anzahl der Antworten 1 Antworten
Habe ich versucht, bestätigen Sie das Kennwort mit dem Kennwort-Wert. Ich habe getan, als pro Async-validator standard. Aber ich Frage mich, es funktioniert nicht und werfen mir die folgende Fehlermeldung. Bitte sagen Sie jemand, wie man dieses

TypeError: this.form._updateTreeValidity keine Funktion

Anzahl der Antworten 1 Antworten
Ich bin derzeit mit Eckigen Formen-version 2.0.0 und wollen, Kontaktieren Sie uns modal mit einem Kontakt im inneren bilden. Unmittelbar nach der ContactComponent lädt, bekomme ich: AUSNAHME: dies.form._updateTreeValidity ist nicht eine Funktion Ich habe schon gesehen, einige

FormBuilder Kontrolle verursacht "Ausdruck hat sich verändert, nachdem es überprüft wurde" Ausnahme

Anzahl der Antworten 2 Antworten
Ich habe ein Formular instanziiert wird programmgesteuert über DynamicComponentLoader::loadIntoLocation. Der Formular-code ist unten: constructor ( private _builder: FormBuilder ) { this.editForm = _builder.group({ name: ['', Validators.required], email: ['', Validators.compose([Validators.required, Helpers.emailValidator])], phone: [''], phoneAlt: [''], location: [''], dob:

Angular2 - Wie man `berührt` - Eigenschaft von true

Anzahl der Antworten 1 Antworten
Ich habe eine reaktive form in meine Komponente und ich möchte, um die touched Eigenschaft an jedem der Eingänge gleich true. Mein Aktueller code ist dies aber wirft es mir den Fehler Cannot set property touched of

Winkel-2 Fehler - Es gibt keine Richtlinie, die mit "exportAs" "ngModel" mit RC4-version

Anzahl der Antworten 2 Antworten
Ich bin mit Winkel-2 Formulare meiner Anwendung, und ich haben die Formulare basierend auf gegebenen link. https://angular.io/docs/ts/latest/guide/forms.html In diesem für die Validierung und Nutzung Formen, APIs, ich habe den ngModel Werte wie #name="id" #id="ngModel" - und die

Angular2 - Set in Einer Anderen Farbe, um ein element Je nach Wert

Anzahl der Antworten 5 Antworten
Ich bin neu Angular2 und Frage mich, wie ich gehen über die Einstellung der Schriftfarbe eines Elements abhängig vom Wert. Mein Szenario ist: wenn der Wert des Eingabefeldes ist nicht 100, dann möchte ich es rot, aber