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 manuell bereinigen, in angular2
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,
Wie man der name des input-Feldes aus Angular2 FormControl-Objekt?
6 Antworten
Habe ich eine Eckige 2-Anwendung verwendet, die ReactiveForms - Modul zu verwalten, eine form, die mithilfe eines benutzerdefinierten validator. Der validator erhält eine FormControl Objekt. Ich habe ein paar input-Felder, die könnte die gleichen benutzerdefinierten validator-wenn nur
Winkel-4 Form FormArray Fügen Sie eine Schaltfläche zum hinzufügen oder löschen einer Eingabe in ein Formular die Zeile
1 Antworten
Baue ich eine app mit Angular 4.0.2. Wie kann ich das hinzufügen einer Schaltfläche zu einem Formular hinzufügen, um eine neue Reihe von input-und ein löschen-button für eine bestimmte Zeile zu löschen? Ich meine, ich möchte ein
Eckige 2 - formControlName im inneren Komponente
6 Antworten
Ich möchte erstellen Sie eine benutzerdefinierte input-Komponenten, die ich verwenden kann mit dem FormBuilder-API. Wie füge ich formControlName innerhalb einer Komponente? Vorlage: <label class="custom-input__label" *ngIf="label"> {{ label }} </label> <input class="custom-input__input" placeholder="{{ placeholder }}" name="title" /> <span
Winkel-2: Zugriff auf Daten aus FormArray
3 Antworten
Vorbereitet habe ich ein von mit ReactiveForms zur Verfügung gestellt von angular2/Formen. Dieses Formular ist ein Formular-array-Produkte: this.checkoutFormGroup = this.fb.group({ selectedNominee: ['', Validators.required], selectedBank: ['', Validators.required], products: productFormGroupArray }); productFormGroupArray ist ein array von FormGroup Objekte.Ich holte
TypeError: Suche.valueChanges.debounceTime ist nicht eine Funktion
1 Antworten
Ich bin nur zu lernen, angular2. Die bei der Anmeldung etwas am Eingang ändert, ich bin immer der Fehler. app.ts: export class AppComponent { form: ControlGroup; constructor(fb: FormBuilder) { this.form = fb.group({ search: }); var search
Eckig, wie man das mehrere checkbox-Wert?
5 Antworten
Ich m mit checkbox in eckig zu wählen, die mehr als eine Daten-und im Versuch, um den Wert der Kontrollkästchen auf das Formular Absenden.Statt immer den Wert im Wert als true.Ich habe den folgenden code, der mir
formGroup erwartet eine Instanz FormGroup
2 Antworten
Habe ich eine Eckige 2-RC4-basic-form Beispiel auf Plunkr, der angezeigt wird, werfen die folgende Fehlermeldung (Im Chrome-DEV-console) Hier ist die plunkr https://plnkr.co/edit/GtPDxw?p=preview Fehler: browser_adapter.ts:82 EXCEPTION: Error: Uncaught (in promise): EXCEPTION: Error in ./App class App - inline
Eckige 2 -, set default-Wert zu wählen Sie option
3 Antworten
Ich versuche, um einen Standardwert für eine option. Es wird wie eine Art Platzhalter und ich benutze diese Methodees zu tun. In reinem HTML ist es Arbeit, aber wenn ich versuche, mit *ngFor eckig 2-Attribut, es muss
Wie unit-Tests ein FormControl in Angular2
1 Antworten
Meine zu testende Methode ist die folgende: /** * Update properties when the applicant changes the payment term value. * @return {Mixed} - Either an Array where the first index is a boolean indicating * that selectedPaymentTerm
Wie zu binden, um radio-buttons in angular2 beta 6
5 Antworten
Wie wird man erreichen radio-button-Bindung in der beta 6? Fand ich eine große plnkr für beta 0 (siehe http://plnkr.co/edit/aggee6An1iHfwsqGoE3q?p=preview), aber wenn ich versuche zu aktualisieren, um die beta 6 bricht es schrecklich (siehe http://plnkr.co/edit/voU933?p=preview). Habe ich einen
Angular2 update-Formular-Steuerelement-Wert
6 Antworten
Ich habe ein problem mit der Erstellung von dynamischen angular2 Formulare mit Steuerelementen und wählen Sie Boxen, zum Beispiel diese plunker: <select class="form-control" ngControl="power"> <option *ngFor="#p of powers" [value]="p">{{p}}</option> </select> Können Sie einen Helden macht, und die
Gewusst wie: zurücksetzen Formular-Validierung nach dem abschicken des Formulars im WINKEL 2
8 Antworten
Muss ich zurücksetzen mein Formular zusammen mit der Validierung. gibt es eine Methode zum zurücksetzen der Zustand der form von ng-dirty ng-makellos. InformationsquelleAutor der Frage Mubashir | 2016-01-05
Zwei-Wege-Bindung in reaktive Formen
4 Antworten
Verwendung von Winkel-2, zwei-Wege-Bindung ist einfach in der Vorlage-driven forms - verwenden Sie einfach die Bananen-box syntax. Wie würden Sie replizieren dieses Verhalten in einem Modell-driven form? Zum Beispiel, hier ist eine standard-reaktive form. Lassen Sie uns
Wie man Formular-Daten in Winkel-2
1 Antworten
Habe ich ein Formular in meine eckige 2-Projekt. Weiß ich, wie Abrufen von Daten aus der API. Aber nicht wissen, wie zum Ausführen eine CRUD-operation. Kann jemand mir helfen, mit den einfachen codes, Wie zum Senden von
Winkel-2 Nicht finden können, die Kontrolle mit nicht angegebener name-Attribut auf formArrays
5 Antworten
Ich versuche Durchlaufen einer formArray in meiner Komponente, jedoch bekomme ich die folgende Fehlermeldung Error: Cannot find control with unspecified name attribute Hier ist, wie die Logik aussieht, ist meine class-Datei export class AreasFormComponent implements OnInit {
Winkel-2 erstellen von reaktiven Formen mit verschachtelten Komponenten
4 Antworten
Meine Anforderung ist, dass ich muss ein Formular erstellen mit verschachtelten Komponenten. Ich bin das erstellen von Komponenten für jedes Formular Feld bedeutet für die textbox wird es eine Komponente, für die radio-Taste gibt es eine andere
Angular2 Datenbindung für kundenspezifische wiederverwendbare Komponente
2 Antworten
Ich will eine Vorlage, die aus einem label und textbox. Mit dieser Vorlage können Sie wiederverwendet werden, die an verschiedenen Orten in meiner Seite. zu tun, die ich erstellt habe eine MyTextComponent. Ich möchte wissen, wie ich
Wie ein Formular in der ursprünglichen?
3 Antworten
Form darstellt Entität Zustand bearbeitet wird (wird schmutzig) Form eingereicht wird-und entity-state ist jetzt ausgerichtet mit der form Staat, was bedeutet, dass die form sollte jetzt so eingestellt werden, unberührten. Wie machen wir das? Es war $setPristine()
Min - / Max-Validator im Winkel 2 Finale
9 Antworten
Laut thoughtgram.ioder derzeit unterstützten Prüfungen sind: erforderlich minlength maxlength Muster So, in Anbetracht des folgenden code (plunkr hier): @Component({ selector: 'my-app', template: ` <form #formRef="ngForm"> <input type="number" [(ngModel)]="firstValue" name="firstValue" min="0" required/> <input type="text" [(ngModel)]="secondValue" maxlength="5" name="secondValue" required/>
Angular2 Fehler: Es gibt keine Richtlinie, die mit "exportAs" "ngForm"
6 Antworten
bin ich auf die RC4-und ich bin immer der Fehler Es gibt keine Richtlinie, die mit "exportAs" "ngForm"weil mein template : <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
Wie kann ich ein Schrägformularfeld manuell als ungültig festlegen?
5 Antworten
Ich arbeite an einem login-Formular und wenn der Benutzer ungültige Anmeldeinformationen wir möchten, markieren Sie die E-Mail-und Passwort-Felder ungültig sind und eine Meldung angezeigt, die besagt, dass der login fehlgeschlagen ist. Wie gehe ich über die Einstellung
Angular 2 Reactive Forms löst die Validierung beim Senden aus
6 Antworten
gibt es eine Möglichkeit, dass alle Prüfungen einer reaktiven Formen ausgelöst werden können, auf senden und nicht nur von der "schmutzigen" und "touch" - events? Der Grund dafür ist, wir haben einen sehr großen Formen, die nicht
Wie lösche ich das Formular nach dem Einreichen in Angular 2?
10 Antworten
Habe ich einige einfache eckige 2-Komponente mit Vorlage. Gewusst wie: löschen Formular und alle Felder nach dem senden?. Ich kann nicht die Seite neu laden. Nach Satz Daten mit date.setValue('') Feld stil ist touched. import {Component} from
Angular 2: Erhalten Sie Werte von mehreren markierten Checkboxen
8 Antworten
Mein problem ist wirklich einfach: ich habe eine Liste von Checkboxen so: <div class="form-group"> <label for="options">Options :</label> <label *ngFor="#option of options" class="form-control"> <input type="checkbox" name="options" value="option" /> {{option}} </label> </div> Und ich würde Sie gerne ein array
Wählen Sie basierend auf enum in Angular2
7 Antworten
Habe ich dieses enum (ich bin mit Typoskript) : export enum CountryCodeEnum { France = 1, Belgium = 2 } Ich würde gern ein wählen Sie in meinem formwobei für jedes option enum integer-Wert als Wert, und
Es gibt keine Anweisung mit "exportAs" auf "ngForm" gesetzt
10 Antworten
Dass dieses Projekt Abhä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", "es6-module-loader": "^0.17.8", "rxjs": "5.0.0-beta.11", "systemjs": "0.19.27", "zone.js": "0.6.17",
Angular 4: Wie kann eine Richtlinie bedingt angewendet werden?
11 Antworten
Ich bin mit Material 2 hinzufügen md-raised-button. Möchte ich die Anwendung dieser Richtlinie nur dann, wenn bestimmte Bedingung wahr wird. Beispiel: <button md-raised-button="true"></button> Anderes Beispiel: Ich erstellte einen grundlegenden dynamischen reaktiven form in plunker. Ich bin mit
Angular2-Set-Wert für Formulargruppe
6 Antworten
Also ich habe ein Komplexes Formular für die Erstellung einer Einheit und ich möchte es verwenden, für die Bearbeitung als auch ich bin mit neuen eckigen Formen API. Ich strukturierte die form genau so, wie die Daten,
Generischer Mail-Validator in Angular2
9 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 in Angular2 ? NB: Etwas ähnliches wie angularjs validator : https://docs.angularjs.org/api/ng/input/input%5Bemail%5D InformationsquelleAutor
Wie lade ich eine Datei in Angular2 hoch?
4 Antworten
Muss ich ein Formular Absenden zusammen mit Bild. ich habe versucht, diesen code (mit mehreren Möglichkeiten), aber hat bei mir nicht funktioniert. ist da jemand, der mit arbeiten demo-Datei hochladen mit angular2 bitte helfen Sie mir. component.html
angular2 manuell auslösen Ereignis auf bestimmtes Element klicken
4 Antworten
Ich versuche, um Feuer klicken Sie auf Ereignis (oder jedem anderen event) auf das element programmgesteuert , mit anderen Worten, ich möchte wissen, die ähnliche Funktionen wie jQuery .trigger () - Methode in angular2. Gibt es eine
Angular2 - Validieren und senden Sie das Formular von außen
4 Antworten
Habe ich ein einfaches Formular, das wie folgt aussieht <form (ngSubmit)="save()" #documentEditForm="ngForm"> ... </form> und müssen Einreichen die form, und überprüfen Sie die Gültigkeit von außen. InformationsquelleAutor der Frage Philipp | 2016-06-27
Wann wird FormGroup gegen FormArray verwendet?
1 Antworten
FormGroup: Einen FormGroup Aggregate die Werte für jedes Kind FormControl in einem Objekt, mit jedem Controller-name als Schlüssel verwendet. const form = new FormGroup({ first: new FormControl('Nancy', Validators.minLength(2)), last: new FormControl('Drew'), }); FormArray: Einen FormArray Aggregate die
Angular2 Reactive Forms formControl für Optionsfelder
4 Antworten
Ich Baue ein Formular in Angular2 mit Reaktiven Formen. Ich bin mit dem FormBuilder, um eine Gruppe von Feldern. Für Textfelder funktioniert dies sehr gut. Aber ich kann nicht finden, ein formControl für radio-buttons. Wie funktioniert das?
Wie alle Eingänge in einem Div in Angular2 gelesen werden?
7 Antworten
Ich habe eine Seite mit vielen Eingängen, und ich will es machen 'readOnly' Ich finde diese Lösung: So ändern Sie HTML-element readonly-und required-Attribut in Angular2 Typoskript? Aber ich will nicht, es zu tun für jeden Eingang separat.
Dateiupload mit Angular2 an REST API
6 Antworten
Eigentlich arbeite ich an einem Spring-REST-API mit einer Schnittstelle codiert, Gewinkelt 2. Mein problem ist ich kann nicht laden Sie eine Datei mit Winkelgetriebe 2. Meine Webresources in java ist, dass : @RequestMapping(method = RequestMethod.POST, value =
Die Pipe '' konnte nicht gefunden werden
6 Antworten
Ich kann nicht scheinen, um diesen Fehler zu beheben. Ich habe eine search bar und ein ngFor. Ich versuche, filter-array mithilfe einer benutzerdefinierten Rohr wie diese: import { Pipe, PipeTransform } from '@angular/core'; import { User }
Wie verwende ich die Datumsauswahl in Angular 2?
9 Antworten
Ich habe versucht, viele Datumsauswahl in meinem angular2 app, aber keiner von Ihnen arbeitet.Obwohl die Datumsauswahl angezeigt, auf den Blick, sondern den Wert des ausgewählten Datums ist nicht immer in der ngModel variable. InformationsquelleAutor der Frage Mubashir
tslint / codelyzer / ng lint error: "für (... in ...) Anweisungen müssen mit einer if Anweisung gefiltert werden"
4 Antworten
Lint Fehlermeldung: src/app/detail/Bearbeiten/Bearbeiten.Komponente.ts[111, 5]: for (... in ...) Aussagen müssen gefiltert werden, mit einer if-Anweisung Code-snippet ist Es, einen funktionierenden code. Es ist auch in eckig.io form-überprüfungs-Abschnitt): for (const field in this.formErrors) { //clear previous error message
Angular 2: Kann nicht an 'ngModel' binden, da es keine bekannte Eigenschaft von 'input' ist
11 Antworten
Ich versuche, die Implementierung von Dynamischen Formen in den Winkel-2. Ich habe zusätzliche Funktionen wie Löschen und Abbrechen der dynamischen Formen. Ich habe folgte dieser Dokumentation: https://angular.io/docs/ts/latest/cookbook/dynamic-form.html Habe ich einige änderungen am code vorgenommen. Ich bin immer
Reaktive Formulare - Markieren Sie Felder als berührt
9 Antworten
Ich habe ein Problem, herauszufinden, wie man markieren Sie alle Formularfelder wie berührt. Das Hauptproblem ist, dass, wenn ich nicht berühren Sie die Felder und versuchen, zu senden Formular - Validierungs-Fehler nicht angezeigt. Ich habe Platzhalter für
Angular 2-Datumseingabe ist nicht mit dem Datumswert verbunden
7 Antworten
versuchen, um ein Formular einzurichten, aber aus irgendeinem Grund, das Datum, den Eingang in mein html ist nicht die Bindung an das Objekt date-Wert, trotz der Verwendung von [(ngModel)] html: <input type='date' #myDate [(ngModel)]='demoUser.date'/><br> form-Komponente: export class
Angular 2 - Einstellung des ausgewählten Wertes in der Dropdown-Liste
6 Antworten
Ich habe ein Problem bei der Vorauswahl der Werte in einer dropdown-Liste in Eckigen 2. Ich ein array von Farben in der Komponente, die ich bind erfolgreich, um die dropdown-Liste. Das Problem, das ich betroffen bin ist
Optionsfeld für boolesche Eigenschaft
1 Antworten
Habe ich eine einfache boolean-Eigenschaft valid in meinem Objekt document und zu binden, müssen Sie es auf die radio-Eingänge. Dies ist, was ich habe, so weit: <input type="radio" name="valid" id="validTrue" (click)="document.valid = true" [checked]="document.valid"/> <input type="radio" name="valid"
Kann nicht an 'formGroup' gebunden werden, da es keine bekannte Eigenschaft von 'form' ist
12 Antworten
DIE SITUATION: Bitte Hilfe!!! Ich bin versucht zu machen, was soll eine sehr einfache form in meinem Angular2 app aber egal, was es nie funktioniert. WINKEL-VERSION: Winkel-2.0.0 Rc5 DER FEHLER: Can't bind to 'formGroup' since it isn't
Anfordern eines Kontrollkästchens, das überprüft werden soll
5 Antworten
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.
Angular2 Deaktiviertaste
10 Antworten
Ich weiß, dass in angular2 kann ich deaktivieren Sie eine Schaltfläche mit der [disable] Attribut, zum Beispiel: <button [disabled]="!isValid" (click)="onConfirm()">Confirm</button> aber kann ich es mit [ngClass] oder [ngStyle] ? Etwa so: <button [ngStyle]="{disabled : !isValid}" (click)="onConfirm()">Confirm</button> Dank.
Angular 2: Formular mit Kindkomponente
2 Antworten
Habe ich-Komponente, die eine form hat und einige untergeordnete Komponenten innerhalb des Formulars. Die untergeordneten Komponenten werden erstellt unter Verwendung *ngFor und jedes Kind enthält input Elemente. Angular2 compiler gibt Fehler wie [formGroup] ist nicht definiert. Ist
Zurücksetzen eines Formulars in Angular 2 nach dem Senden
10 Antworten
Ich bin mir bewusst, dass Winkel 2 derzeit fehlt eine einfache Möglichkeit zum zurücksetzen eines Formulars in einem tadellosen Zustand. Stochern habe ich eine Lösung gefunden, wie das unten, das setzt das Formular zurück Felder. Es wurde