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.
Wie kann ich eine pagination-Komponente in der Winkel 4?
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
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?
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
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
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?
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"
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?
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
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
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
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
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
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
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
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'. (
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
Was sind die Unterschiede zwischen den Vorlagen Formulare und reaktiven Formen im Winkel 2
3 Antworten
In den Winkel-2 was ist der Unterschied zwischen den Vorlagen Formulare und reaktive form. In welchen Situationen müssen wir mit der Vorlage getrieben, Formen und reaktiven Formen Winkel.io/Handbuch/Formulare Möglich, Duplikat der Was sind die praktischen Unterschiede zwischen
Fehler: formControlName muss mit einem Elternteil formGroup Richtlinie. Sie wollen fügen Sie eine formGroup Richtlinie - Winkel-reaktive Formen
2 Antworten
Habe ich folgende Vorlage. Ich versuche in den Griff zu bekommen mit reaktiven Formen aber ich habe ein problem. <form [formGroup]="guestForm" novalidate> <div class="panel-body"> <form> <div class="col-md-12 col-sm-12"> <div class="form-group col-md-3 col-sm-6"> <label>First Name* </label> <input formControlName="firstname"
Winkel 2 Setzen Sie den Fokus auf erstes Feld der Formular-Komponente laden
5 Antworten
In meiner app möchte ich auf automatisch eingestellt und konzentrieren sich auf ersten Feld des Formulars auf Komponente laden. Kann mir jemand bitte eine Anleitung wie dies zu erreichen, ohne die Wiederholung, ich möchte das auf jeder
Wie input-Felder, die über einen button - Winkel-2 dynamische Formulare
2 Antworten
Also habe ich die Anleitung hier: https://angular.io/docs/ts/latest/cookbook/dynamic-form.html Muss ich hinzufügen weiterer Felder zu einer bestehenden Feld. Ich habe etwas, das funktioniert, aber es ist klobig und es setzt das Formular zurück, wenn ich ihn treffe. Code unter:
Bauen multipart/form-data-POST-Anforderung in Angular2 und validieren Input type File
3 Antworten
Habe ich ein Bild (base64) , muss ich für den Versand per POST-request (und auf die Reaktion warten). Die POST-Anforderung muss der Content-Type:multipart/form-data. Das Bild muss von Content-Type: image/jpg Die POST-Anforderung, sollte wie folgt Aussehen: POST https://www.url...
Mit *ngFor für eine Reihe von radio-buttons für angular2 mit materialisieren-css-framework
1 Antworten
Jahreszeiten Grüße an alle! Ich habe den folgenden code, der erstellt ein single-radio-Taste auf der Grundlage der Ahmadiyya-css-framework http://materializecss.com/forms.html#radio <input name = 'group1' type = 'radio' id = 'test2'/> <label for = 'test2'>Yellow</label> Mein Versuch mit *ngFor
Eckige Form-Control valueChanges nicht funktioniert
2 Antworten
Möchte ich, um eine meiner Formen ("Familie") Wert, wenn geändert durch abonnieren, aber es scheint etwas falsch, da habe ich nichts auf meiner Konsole anmelden. import { Component , AfterViewInit } from '@angular/core'; import {FormGroup,FormBuilder} from '@angular/forms';
Formen In angular2
5 Antworten
Bisschen verwirrt darüber, wie Sie Formulare verwenden(Vorlage oder modal getrieben froms) in der angular2 beta. derzeit bin ich mit modal getrieben, bildet aber immer eine Fehlermeldung, hier ist meine form.html: <form [ngFormModel]="demo"> <input type="text" [ngFormControl]="demo.controls['name']"> <input type="text"
Nach der Zugabe von [(ngModel)] auf einen radio-button Gruppe, die Vorgabe [checked] funktioniert nicht mehr
2 Antworten
Arbeite ich an einem kleinen wiederverwendbare Komponente, welche Stile, radio-buttons und gibt die ausgewählten Werte. import { Component, OnInit, Input, Output, EventEmitter } from "@angular/core"; @Component({ moduleId: module.id, selector: 'button-select', template: `<div class="toggle-group"> <div *ngFor="let choice of
Ereignisse nicht auslösen innerhalb von Checkboxen in Angular2
2 Antworten
Ich habe alles versucht, ich kann mir denken, um Ereignisse ausgelöst, wenn eine checkbox den Status wechselt, aber ich kann nicht scheinen, um es funktioniert. Hier ist der html - <div *ngIf="role?.ACTIVE_FLAG === 'Y'"> <div class="label"> Active
Wie teilt eine Zeichenfolge in eckige 2
1 Antworten
Habe ich eine E-Mail senden Szenario, in dem es um ein input-Feld 'Zu'(wem Sie eine Nachricht senden möchten). app.html <input type="text" class="form-control" [(ngModel)]="email.Tos"> Nun möchte ich, dass wenn ein Benutzer die Eingabe der mehrere emailId im Eingabefeld
So aktualisieren Sie die Steuerelemente von FormArray
3 Antworten
Meine form Gruppe code ist als this.myForm = this._fb.group({ branch_name: ['', [Validators.required]], branch_timing: this._fb.array([ this.initBranchTiming(), ]) }); initBranchTiming() { return this._fb.group({ day: ['', , open_from: ['00:00:00', , open_till: ['00:00:00', }); } branch_name wird aktualisiert, indem dieser
Wie wandelt Eingabewert in Großbuchstaben in eckigen 2 (Wert vorbei zu ngControl)
7 Antworten
Ich versuche zur Validierung der input-Felder mit ngControl Wert in eckigen 2. ich brauche, um zu überprüfen, dass der Benutzer den Wert im oberen Fall immer. Nun müssen wir wandeln auf den Wert vom Benutzer eingegeben in
Angular2 Kein Anbieter für ControlContainer beim Bau einer einfachen form
2 Antworten
Dies ist mein form: app.component.html <form [ngFormModel]="myForm"> <my-child-component></my-child-component> </form> app.Komponente.ts constructor ( private _formBuilder : FormBuilder ) { this.myForm = _formBuilder.group( { firstName : ["",Validators.required] } ); } mein-Kind-Komponente: <input type="text" ngControl="firstName"> Fehler: No provider for ControlContainer
Kennwort und Kennwort bestätigen-Feld Validierung angular2 reaktive Formen
5 Antworten
Brauche ich, um zu überprüfen, ob Kennwort und Kennwort bestätigen Felder haben denselben Wert mit reaktiven form angular2. Ich habe eine Menge Antworten auf die gleichen hier,Eckige 2-Formular für die Validierung wiederholen Sie das Passwort ,Vergleicht man
Kann nicht binden an FormGroup da es nicht eine bekannte Eigenschaft "der form" (FormsModule, ReactiveFormsModule geladen)
2 Antworten
Ich habe gerade gesehen, dass dieses Frage aber ich habe immer noch den gleichen Fehler. Ich haben ein gemeinsames Modul, das ich importieren, um mein feature-Modul. Aber ich habe auch versucht den import FormsModule, ReactiveFormsModule Module zu
angular2 Beobachtbare Eigenschaft 'debouceTime' existiert nicht auf Typ 'Beobachtbare<alle>'
6 Antworten
Benutze ich "angular2 webpack" und "angular2/form,Beobachtbare" , traf aber einen Fehler ,brauche Hilfe .. Es ist ein benutzerdefiniertes Formular validator -- import {Observable} from 'rxjs/Rx'; import {REACTIVE_FORM_DIRECTIVES,FormControl, FormGroup, Validators} from '@angular/forms'; emailShouldBeUnique(control:FormControl) { return new Observable((obs:any)=> {
Verwenden deaktivieren mit model-driven-form
1 Antworten
Ich versuche, die disabled in meinem model-driven form. Ich habe die folgende form: this.form = this.formBuilder.group({ val1: ['', Validators.required], val2: [{value:'', disabled:this.form.controls.val1.valid}] }); Ich bin immer ein Fehler (nicht finden controls von this.form) wahrscheinlich, weil ich bin
berührte/unberührte keine Aktualisierung in benutzerdefinierte input-Komponente - Winkel-2
2 Antworten
Habe ich eine benutzerdefinierte input-Komponente, die zu aktualisieren ist, - Validierung und-Staaten mit Ausnahme der berührte/unberührte. Alles andere state-wise (pristine/dirty) funktioniert wie erwartet. Hier ein plunker: https://plnkr.co/edit/O9KWzwhjvySnXd7vyo71 import { Component, OnInit, Input, ElementRef, forwardRef, Renderer } from