angular2-forms
Nie można powiązać z 'formGroup', ponieważ nie jest to znana właściwość 'form'
SYTUACJA:
Proszę o pomoc! Próbuję zrobić to, co powinno być bardzo prostą formą w mojej aplikacji Angular2, ale bez względ ... bootstrap: [ AppComponent ]
})
export class AppModule { }
Na Pytanie:
Dlaczego dostaję ten błąd?
Czy coś przeoczyłem?
Przesyłanie plików za pomocą Angular2 do REST API
Właściwie, pracuję nad Spring REST API z interfejsem zakodowanym w Angular 2.
Mój problem polega na tym, że nie mogę przesła ... lem?
Problem rozwiązany, będę update to pytanie później z moim kodem :) ale, spójrz na plunker to działa doskonale.
Dzięki.
Kiedy używać FormGroup vs. FormArray?
FormGroup :
A FormGroup agreguje wartości każdego dziecka FormControl w jeden
obiekt, z każdą nazwą kontrolki jako kluczem ... [
new FormControl('Nancy', Validators.minLength(2)),
new FormControl('Drew')
]);
Kiedy należy używać jednego nad drugim?
Jakie są praktyczne różnice między formularzami wzorcowymi a reaktywnymi?
Czytałem o Angular2 new Forms API i wydaje się, że istnieją dwa podejścia do formularzy, jeden to formularze oparte na szablo ... yści w różnych scenariuszach.
Ponadto, czy istnieje wzrost wydajności w wyborze jednego nad drugim? A jeśli tak, to dlaczego?
Jak ręcznie ustawić pole formularza kątowego jako nieprawidłowe?
Pracuję nad formularzem logowania i jeśli użytkownik wprowadzi nieprawidłowe poświadczenia, chcemy oznaczyć zarówno pola e-ma ... k email.valid na false i ustawić loginForm.invalid na true. Brak powoduje to, że wejścia wyświetlają swój nieprawidłowy stan.
angular2 ręczne uruchamianie zdarzenia kliknięcia na danym elemencie
Próbuję programowo odpalić click event (lub inne zdarzenie) na elemencie, innymi słowy chcę poznać podobne funkcje oferowane ... dd Picture</button>
</form>
Tutaj gdy użytkownik kliknie btnAdd powinno odpalić Zdarzenie click na imgFile
Wybierz na podstawie enum w Angular2
Mam to enum (używam maszynopisu) :
export enum CountryCodeEnum {
France = 1,
Belgium = 2
}
Chciałbym zbudować sele ... value="1">France</option>
<option value="2">Belgium</option>
</select>
Jak mogę to zrobić ?
Jak wgrać plik w Angular2
Muszę przesłać formularz wraz z obrazkiem. próbowałem tego kodu (na wiele sposobów), ale nie działa dla mnie. czy ktoś ma dzi ... {
console.log('Authentication Complete');
}
);
}
Angular 4 Form FormArray Dodaj przycisk, aby dodać lub usunąć wiersz wejściowy formularza
Buduję aplikację używając Angular 4.0.2. Jak dodać Przycisk do formularza, aby dodać nowy wiersz wejścia i przycisk Usuń dla ... get('itemRows') as FormArray;
}
addNewRow(){
this.itemRows.push(this._fb.group(itemrow));
}
ngOnInit(){
}
}
Nie ma dyrektywy z "exportAs" ustawionym na " ngForm"
Posiadanie zależności tego projektu:
"dependencies": {
"@angular/common": "2.0.0-rc.6",
"@angular/compiler": "2.0 ... As" set to "ngForm" ("
<form [ERROR ->]#loginForm="ngForm"
(ngsubmit)="authenticate(loginForm.value)">
Jaka jest różnica między formControlName a FormControl?
Używam ReactiveFormsModule z Angular2, aby utworzyć komponent zawierający formularz. Oto Mój kod:
Foo.komponent.ts:
const ... ;/div>
Oba sposoby działają. Ale nie mogę zrozumieć, jaka jest różnica między używaniem [formControl] i formControlName.
Nie można znaleźć rury angular2 niestandardowa rura
Nie mogę naprawić tego błędu. Mam pasek wyszukiwania i ngFor. Staram się filtrować tablicę za pomocą niestandardowego potoku ... .0",
"reflect-metadata": "0.1.3",
"rxjs": "5.0.0-beta.6",
"systemjs": "0.19.26",
"bootstrap": "^3.3.6",
"zone.js": "^0.6.12"
Generic mail validator in Angular2
Chcę utworzyć formularz, w którym użytkownik wprowadzi swoją pocztę.
Chciałbym zweryfikować Format poczty po stronie klienta. ... r poczty W Angular2 ?
NB: coś podobnego do walidatora angularjs: https://docs.angularjs.org/api/ng/input/input%5Bemail%5D
Angular2-Walidacja i przesyłanie formularza z zewnątrz
Mam prostą formę, która wygląda tak
<form (ngSubmit)="save()" #documentEditForm="ngForm">
...
</form>
I trzeba złożyć formularz i sprawdzić jego Ważność z zewnątrz.
Jak wyczyścić formularz po złożeniu w Angular 2?
Mam jakiś prosty element kątowy 2 z szablonem. Jak wyczyścić formularz i wszystkie pola po przesłaniu?. Nie mogę przeładować ... e="submit" class="btn btn-primary" [disabled]="!form.valid">Submit
</button>
</form>
</div>
Dynamiczne pole wejściowe Angular2 traci ostrość po zmianie wejścia
Tworzę dynamiczną formę. A Field ma listę wartości. Każda wartość jest reprezentowana przez łańcuch znaków.
export class Fie ... ości do pola i napiszę znak w jednej z wartości wejściowych, wejście straci ostrość i znak jest zapisywany w każdym wejściu.
Kąt 2: pobranie wartości wielu zaznaczonych pól wyboru
Mój problem jest naprawdę prosty: mam listę takich checkboxów:
<div class="form-group">
<label for="options"&g ... eśli wybrano opcje 1, 5 i 8. Ta tablica jest częścią JSON, który chciałbym wysłać poprzez żądanie HTTP PUT.
Dzięki za pomoc!
Angular 2: dostęp do danych z FormArray
Przygotowałem z wykorzystaniem form reaktywnych dostarczonych przez angular2 / forms. Ten formularz ma tablicę form produktów ... ors.required],
selectedSubOption: ['', Validators.required],
}))
});
Przycisk wyłączający Angular2
Wiem, że w angular2 mogę wyłączyć przycisk z
[disable] atrybut, na przykład:
<button [disabled]="!isValid" (click)="on ... lub [ngStyle] ? Tak:
<button [ngStyle]="{disabled : !isValid}" (click)="onConfirm()">Confirm</button>
Dzięki.
Resetowanie formularza w Angular 2 po przesłaniu
Zdaję sobie sprawę, że Angular 2 Obecnie nie ma sposobu, aby łatwo zresetować formularz do stanu dziewiczego. Grzebanie wokół ... this.form.controls[name].updateValue('');
this.form.controls[name].setErrors(null);
}
}
}
- 1
- 2