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.
2
Antworten
Ich versuche zu machen, einen benutzerdefinierten validator für meine FormControl mealType Wenn mein FormControl category einen Wert hat und mealType nicht, mealType unwirksam sein. Wenn category keinen Wert hat, wird mealType gültig sein sollte. Ich bin immer
6
Antworten
Ich brauche, um einen Wert in einer verschachtelten Steuerelement in einem FormBuiler und das Modell ist das folgende: this.addAccForm = this.fb.group({ accid: ['', Validators.required], status: '', cyc: this.fb.array([ this.initCyc(), ]) }) initCyc() { return this.fb.group({ cycid: ['',
1
Antworten
<div id="my-form" class="form-inline"> <div class="form-group"> <input type="text" [(ngModel)]="name" ngControl="name" #n="ngForm" required> <div [hidden]="n.valid" class="alert alert-danger"> Value is required </div> </div> </div> Bekomme ich die folgende (weniger als hilfreich) Fehler mit alpha.52: AUSNAHME: Kein Anbieter für t! (t->
4
Antworten
Mit Winkel 2, habe ich einen parameter namens "Beispiel", das ist ein Date-Objekt. In der Vorlage möchte ich format "Beispiel" mit einem date-Rohr. So etwas wie dieses: <input type="text" [value]="example | date:'shortTime'"> //9:00 AM Jedoch, ich Winkel
1
Antworten
Habe ich ein Formular wie folgt: createForm() { this.procedimentoForm = this.formBuilder.group({ nome: ['', Validators.required], descricao: ['', Validators.required], conteudo: ['', Validators.required], solucao: ['', Validators.required], mesa: ['', Validators.required] }); } Vorlage: <form [formGroup]="procedimentoForm" class="ui form"> {{procedimentoForm.value.conteudo}} <div class="field"> <label>Descrição</label>
3
Antworten
Ich bin mit ReactiveFormsModule von Angular2 eine Komponente erstellen, die ein Formular enthält. Hier ist mein code: foo.Komponente.ts constructor(fb: FormBuilder) { this.myForm = fb.group({ 'name': ['', Validators.required], 'surname': ['', Validators.required], 'gender': }); } foo.component.html <div class="two
1
Antworten
Ich habe einen aus, fügt verschiedene Felder (ich bin neue Steuerelemente hinzufügen, da nur das verstecken von die Vorlage mit *ngIf nicht ausschließen, Sie aus der form und daher resultiert in Ungültiger form), basierend auf der ausgewählten
1
Antworten
Ich habe ein legacy-back-End-server, die Prozesse der Formular-Daten als Anfrage-Parameter. Wir setzen angular2 auf dem front-end. Ich möchte zum senden der angular2 form, so dass alle Felder gehen, als Anfrage-Parameter so, dass die legacy-backend nicht verändert werden.
3
Antworten
Ich bin neu Angular2, ich habe eine radio-Gruppe, und ich versuche, es zu binden mit [(ngModel)], um die Entität person.testBoolean, so dass ich speichern Sie es in der Datenbank. Ich möchte ein default-Wert als gewählt und ich
2
Antworten
ich Schreibe custom angular(Eckig 2.0.0) Validierung nach dieser Anleitung https://angular.io/docs/ts/latest/cookbook/form-validation.html#!#custom-Validierung . @Directive({ selector: '[ngModel][emailValidator]', providers: [{provide: NG_VALIDATORS, useExisting: EmailValidatorDirective, multi: true}] }) export class EmailValidatorDirective implements Validator Nun bin ich versucht, hinzufügen von unit-test zu meiner benutzerdefinierten
1
Antworten
Ich versuche zu setup ein Muster validator mit der folgenden regex : ^(((0|[1-9]\d{0,2})(\.\d{2})?)|())$ Versuchen Regex hier Die es mir erlauben sollten, erhalten 1 bis 3 Ziffern, und dann einen dezimalen Teil von maximal 2 Ziffern, und das
1
Antworten
Ich habe ein Formular auf einer Seite mit 2 Eingabefeldern und wenn ich auf submit klicken, dann den router wechselt zu einer anderen Seite mit 2 Eingabefeldern und einem submit-button. Bisher habe ich es geschafft das passieren
1
Antworten
Grundsätzlich habe ich <form #f="ngForm" (ngSubmit)="save(f.form)" #formElement> ... <button class="btn btn-primary" #saveButton>Save</button> </form> Will ich auslösen zu können submit() aus der Komponente. Ich habe versucht @viewChild('formElement') und renderer.invokeElementMethod auslösen click(). InformationsquelleAutor lock42 | 2017-11-21
1
Antworten
Ich bin mit Angular2 - Reaktive Formen. Alles funktioniert gut, bis ich zeigen möchte, eine voreingestellte Wert in eines der Felder im Formular. Szenario: gibt Es mehrere buttons auf einer Seite und jeder button öffnet ein Formular
2
Antworten
Verwendung von Winkel-2 (2.0.0), was ist der empfohlene Weg, um dynamisch markieren Sie ein Feld als erforderlich, mit Eckige Formen? In all Ihren Beispielen, die das required-Attribut wird nur Hinzugefügt, wie: <input type="text" class="form-control" id="name" required> Was
4
Antworten
Ich würde gerne eine <select> in einer form, die lassen die Benutzer in der Lage, die Werte zu aktualisieren zwischen verschiedenen <option>. Ich habe die Technik aus der Anleitung hier: https://angular.io/docs/ts/latest/guide/forms.html. Hier ist die Probe, die ich
6
Antworten
Habe ich eine einfache form, die Bedürfnisse zu überprüfen, wenn der Anfang und das Ende der Eingabe ist nicht Raum. In HTML5, werde ich dies tun: <input type="text" pattern="^(?!\s|.*\s$).*$"> Was ist die richtige Eigenschaft für die Validierung
2
Antworten
Ich versuche zu prüfen, ob ein Formular gültig ist oder nicht, verhindern die weitere Ausführung, wenn es nicht ist. Hier ist mein Fragebogen: <form (ngSubmit)="updateFirstName(firstNameForm)" #firstNameForm="ngForm" novalidate> <div class="form-group" ng-class="getCssClasses(formCtrl, formCtrl.firstName)"> <div class="input-group"> <input type="text" ngControl="firstName" #firstName="ngForm"
2
Antworten
Gibt es ein äquivalent zu dieser im Winkel 2? ng-model-options="{ updateOn: 'blur' }" Dank InformationsquelleAutor matthewdaniel | 2015-11-27
3
Antworten
Ich versuche, erstellen Sie ein Formular-generator mit Winkel-2. Ein sehr einfaches Beispiel ist wie folgt: this.fields = [{name: 'Name', type: 'text'}, {name: 'Age', type: 'number'}]; Aber ich möchte auch Unterstützung für benutzerdefinierte Elemente, wie: this.fields = [
10
Antworten
Ich soll ein Formular erstellen, wo der Benutzer nach Eingabe seiner E-Mail. Ich möchte zum validieren von E-Mail-format auf client-Seite. Gibt es eine generische E-Mail-validator im Winkel 2? NB: Etwas ähnlich AngularJS validator. InformationsquelleAutor Julien Alary |
2
Antworten
Ich habe eine Seite, die es einem Benutzer ermöglicht, zu aktualisieren, die Farbe eines Autos. Es gibt zwei api-Aufrufe, die eine, um wieder die Auto-json-Objekt und eines zum Befüllen eines drop-down-Liste von Farben. Mein Problem ist, dass
7
Antworten
Wenn ich ein Formular Absenden mit button type="submit" form Prüfmeldungen angezeigt und alles ist in Ordnung. Aber wenn ich eine Schaltfläche (oder link) mit (click)="myhandler()" dann die Validierungen nicht angezeigt. Wie kann ich entweder: - tag des
3
Antworten
Ich habe eine textarea wo der Benutzer geben Sie etwas text ein. Der text kann auch JavaScript-oder HTML etc. Ich möchte manuell bereinigen Sie die Daten und speichern Sie es in eine Zeichenfolge. Ich kann nicht herausfinden,
4
Antworten
Ich versuche, Dateien zu speichern, zusammen mit FormData in Winkel-5. Ich kann die einzelne Datei, aber haben keine Ahnung, wie man alle Dateien hochgeladen. Ich habe drei Bild-Dateien und input-Felder, die versucht, auf der Suche Beispiele. Aber
2
Antworten
Ich habe eine select-Steuerelement, das möchte ich deaktivieren, dynamisch, abhängig von einer Bedingung: this.activityForm = this.formBuilder.group({ docType: [{ value: '2', disabled: this.activeCategory != 'document' }, Validators.required] }); Jedoch docType nicht aktiviert werden, obwohl irgendwann.activeCategory wird 'Dokument'. Wie
4
Antworten
Habe ich den folgenden HTML-Code, aber ich bekomme die Ausnahme. Wie es zu lösen ist ? Parser Error: Got interpolation ({{}}) where-Ausdruck erwartet wurde in Spalte 48 in [!(editForm.controls.field_item_exportExpression_{{i}}?.dirty && editForm.controls.field_item_exportExpression_{{i}}?.ungültig)] <div class="form-group"> <label class="form-control-label" for="field_exportExpression">exportExpression</label> <input
2
Antworten
Ich habe den folgenden code : HTML: <md2-dialog #techniciansDialog> <md2-dialog-title color="primary">Técnicos</md2-dialog-title> <form #technicianForm="ngForm"> <div style="display: table; width: 100%;"> <div style="display: table; width: 100%;"> <div style="vertical-align:middle; width:50%; display: table-cell;"> <md-input-container> <input mdInput [(ngModel)]="technician.name" name="nameTechnician" type="text" placeholder="Nome" required> </md-input-container>
3
Antworten
Ich bin mit einem template-driven Ansatz für die Erstellung von Formularen im Winkel 2, und ich habe erfolgreich erstellt benutzerdefinierte Validatoren, die ich verwenden kann in der Vorlage. Aber ich kann nicht einen Weg finden, anzeigen von
8
Antworten
Habe ich eine seltsame Anforderung und hatte gehofft, für etwas Hilfe. Brauche ich, um den Fokus auf das erste Gefundene, ungültige Eingabe von einem Formular nach dem Klick auf einen button (nicht submit). Die form ist ziemlich
3
Antworten
Auf einer meiner Seiten benutze ich ein FormBuilder zu füllen ein Formular bei der Initialisierung. Jeder Eingang bekommt eine Klasse, wenn der Eingangswert ist nicht leer. Dies erfolgt durch hinzufügen einer ngClass zu jedem Eingang, und ein
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
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
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
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,
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">{{
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
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
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
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
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
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
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?
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
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
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);
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
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
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
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,