Pytania otagowane jako angular2-forms

Formularz kątowy to zbiór kontrolek wprowadzania danych. Tego tagu należy używać w przypadku pytań dotyczących formularzy opartych na szablonach i formularzy reaktywnych, w tym NgForm, FormGroup, FormControl, AbstractControl, FormBuilder i Validators, a także powiązań danych między formularzami i komponentami.

26
Nie można powiązać z „formGroup”, ponieważ nie jest to znana właściwość „form”
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 [formGroup]="newTaskForm" (submit)="createNewTask()"> <div class="form-group"> <label …
6
Błąd tslint / codelyzer / ng lint: „instrukcje (dla… w…) muszą być filtrowane za pomocą instrukcji if”
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 this.formErrors) { // clear previous …
21
Błąd struktury kątowej TypeScript - „Brak dyrektywy z ustawieniem exportAs na ngForm”
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": "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": …
9
Jak ręcznie ustawić pole formularza Kątowe jako nieprawidłowe?
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 zaobserwowania wywołania zwrotnego? Szablon: <form #loginForm="ngForm" (ngSubmit)="login(loginForm)" id="loginForm"> …
14
Angular 2: Nie można powiązać z „ngModel”, ponieważ nie jest to znana właściwość „input”
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 ten błąd zadziałał? Pełny kod można znaleźć tutaj: http://plnkr.co/edit/SL949g1hQQrnRUr1XXqt?p=preview , który działa w programie plunker, …
10
Przycisk wyłączania Angular2
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}" (click)="onConfirm()">Confirm</button> Dzięki.
4
Wyłączone kontrolki kątowe 2 nie są uwzględniane w form.value
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), LinkToPreceeding: new FormControl({value: settings.LinkToPreceeding, disabled: !settings.Enabled}, Validators.required), LinkingTolerance: new FormControl({value: settings.LinkingTolerance, disabled: !settings.Enabled}, Validators.required) }); i sprawdź …
14
Zastosuj dyrektywę warunkowo
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 formArrayNamedyrektywy formy reaktywnej dla tablicy kontrolek. Chcę zastosować formArrayNamedyrektywę tylko wtedy, gdy określony warunek stanie się prawdziwy, w przeciwnym …
11
Błąd Angular2: nie ma dyrektywy z ustawieniem „exportAs” na „ngForm”
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" class="form-control" required> <option value=""></option> <option *ngFor="let actionType of actionTypes" value="{{ actionType.label }}"> {{ actionType.label }} </option> </select> </div> boot.ts: import {disableDeprecatedForms, provideForms} …
8
Nie można znaleźć rury niestandardowej „angular2”
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 UsersPipe implements PipeTransform { transform(users: User [], searchTerm: …
12
Angular ReactiveForms: Tworzysz tablicę wartości pól wyboru?
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" value="value-1" formControlName="myValues" /> <input type="checkbox" id="checkbox-2" value="value-2" formControlName="myValues" /> <input type="checkbox" id="checkbox-3" value="value-2" formControlName="myValues" /> …
5
Jaka jest różnica między formControlName i FormControl?
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 class="fields"> <div class="field"> <label>Fullname*</label> <input type="text" [formControl]="myForm.controls.fullname"/> </div> </div> <div class="inline fields"> <label for="gender">Gender</label> <div class="field"> <div class="ui radio checkbox"> <input …
8
Kątowy 2 Nie można znaleźć formantu z nieokreślonym atrybutem nazwy w formArrays
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: FormGroup; constructor(private fb: FormBuilder) { } private area(): any { …
4
Kiedy używać FormGroup, a kiedy FormArray?
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 FormControl dziecko w tablicy. const arr = new FormArray([ new FormControl('Nancy', Validators.minLength(2)), new FormControl('Drew') …
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.