Pytania oznaczone «angular2-forms»

SYTUACJA: Proszę pomóż! Staram się stworzyć w mojej aplikacji Angular2 coś, co powinno być bardzo prostą formą, ale nie ważne, co nigdy nie działa. WERSJA KĄTOWA: Kątowy 2.0.0 Rc5 BŁĄD: Can't bind to 'formGroup' since it isn't a known property of 'form' KOD: Widok: <form...

Komunikat o błędzie: src / app / detail / edit / edit.component.ts [111, 5]: instrukcje (... w ...) muszą być filtrowane za pomocą instrukcji if Fragment kodu (jest to działający kod. Jest również dostępny w sekcji sprawdzania poprawności formularza angular.io ): for (const field in...

Podczas korzystania z frameworku Angular2-form TypeScript nadal pojawia się ten błąd: Nie ma opcji directive„ExportAs” ustawionej na „ngForm” Oto mój kod zależności projektu: "dependencies": { "@angular/common": "2.0.0-rc.6", "@angular/compiler": "2.0.0-rc.6", "@angular/core":...

Pracuję nad formularzem logowania i jeśli użytkownik wprowadzi nieprawidłowe dane logowania, chcemy oznaczyć pola adresu e-mail i hasła jako nieprawidłowe i wyświetlić komunikat z informacją, że logowanie się nie powiodło. Jak przejść do ustawiania tych pól jako nieważne na podstawie możliwego do...

Próbuję wdrożyć Dynamiczne formularze w Angular 2. Dodałem dodatkowe funkcje, takie jak Usuń i Anuluj do dynamicznych formularzy. Postępowałem zgodnie z tą dokumentacją: https://angular.io/docs/ts/latest/cookbook/dynamic-form.html Wprowadziłem kilka zmian w kodzie. Mam tu błąd. Jak sprawić, by...

Czytałem o nowym API Forms w Angular2 i wydaje się, że istnieją dwa podejścia do formularzy, jedno to formularze oparte na szablonach, a drugie to formularze reaktywne lub oparte na modelach. Chciałbym poznać praktyczną różnicę między nimi, nie różnicę w składni (oczywiście), ale praktyczne...

Wiem, że w angular2 mogę wyłączyć przycisk z [disable]atrybutem np: <button [disabled]="!isValid" (click)="onConfirm()">Confirm</button> ale czy mogę to zrobić za pomocą [ngClass]lub [ngStyle]? Tak jak to: <button [ngStyle]="{disabled : !isValid}"

Zauważyłem, że jeśli wyłączę formant w formularzu reaktywnym Angular 2, wówczas formant nie zostanie uwzględniony w form.value. Na przykład, jeśli zdefiniuję swój formularz jak poniżej: this.notelinkingForm = new FormGroup({ Enabled: new FormControl(settings.Enabled, Validators.required),...

Do dodania używam materiału 2 md-raised-button. Chcę stosować tę dyrektywę tylko wtedy, gdy spełnią się określone warunki. Na przykład: <button md-raised-button="true"></button> Inny przykład: stworzyłem podstawową dynamiczną formę reaktywną w plunkerze. Używam...

Jestem na RC4 i otrzymuję błąd Nie ma dyrektywy z "exportAs" ustawionym na "ngForm" z powodu mojego szablonu: <div class="form-group"> <label for="actionType">Action Type</label> <select ngControl="actionType" ===> #actionType="ngForm" id="actionType"...

Nie mogę naprawić tego błędu. Mam pasek wyszukiwania i plik ngFor. Próbuję przefiltrować tablicę za pomocą niestandardowego potoku, takiego jak ten: import { Pipe, PipeTransform } from '@angular/core'; import { User } from '../user/user'; @Pipe({ name: 'usersPipe', pure: false }) export class...

Biorąc pod uwagę listę pól wyboru powiązanych z tym samym formControlName, w jaki sposób mogę utworzyć tablicę wartości pól wyboru powiązanych z formControl, a nie po prostu true/ false? Przykład: <form [formGroup]="checkboxGroup"> <input type="checkbox" id="checkbox-1"...

Używam ReactiveFormsModuleAngular2 do tworzenia komponentu zawierającego formularz. Oto mój kod: foo.component.ts : constructor(fb: FormBuilder) { this.myForm = fb.group({ 'fullname': ['', Validators.required], 'gender': [] }); } foo.component.html (z [formControl]): <div...

Próbuję wykonać iterację nad formArray w moim komponencie, ale pojawia się następujący błąd Error: Cannot find control with unspecified name attribute Oto, jak wygląda logika w moim pliku klasy export class AreasFormComponent implements OnInit { public initialState: any; public areasForm:...

Mam więc złożony formularz do tworzenia encji i chcę go również użyć do edycji. Używam nowego API formularzy kątowych. Skonstruowałem formularz dokładnie tak, jak dane, które pobieram z bazy danych, więc chcę ustawić wartość całego formularza na dane pobrane tutaj jest przykładem tego, co chcę...

FormGroup : FormGroup agreguje wartości każdego FormControl dziecka w jeden obiekt, z każdej nazwy kontrolnej jako klucza. const form = new FormGroup({ first: new FormControl('Nancy', Validators.minLength(2)), last: new FormControl('Drew') }); FormArray : FormArray agreguje wartości każdej...

Po aktualizacji do RC5 zaczęliśmy otrzymywać ten błąd: ngModel cannot be used to register form controls with a parent formGroup directive. Try using formGroup's partner directive "formControlName" instead. Example: <div [formGroup]="myGroup"> <input formControlName="firstName">...

Mam problem ze znalezieniem sposobu oznaczenia wszystkich pól formularza jako dotkniętych. Główny problem polega na tym, że jeśli nie dotykam pól i nie próbuję wysłać formularza - błąd walidacji nie pojawia się. Mam symbol zastępczy dla tego fragmentu kodu w moim kontrolerze. Mój pomysł jest...

Mam prosty komponent kątowy 2 z szablonem. Jak wyczyścić formularz i wszystkie pola po przesłaniu? Nie mogę ponownie załadować strony. Po ustawieniu danych z date.setValue('')polem nadal touched. import {Component} from 'angular2/core'; import {FORM_DIRECTIVES, FormBuilder, ControlGroup,...

Mam tablicę formularzy wewnątrz konstruktora formularzy i dynamicznie zmieniam formularze, tj. Ładowanie danych z aplikacji 1 po kliknięciu itp. Problem, który mam, polega na tym, że wszystkie dane są ładowane, ale dane w formarray pozostają i po prostu łączą stare elementy z nowymi. Jak...