Запитання з тегом «angular2-forms»

СИТУАЦІЯ: Будь ласка, допоможіть! Я намагаюся зробити те, що має бути дуже простою формою в моєму додатку Angular2, але незалежно від того, що це ніколи не працює. АНГУЛЯРНА ВЕРСІЯ: Кутовий 2.0.0 Rc5 ПОМИЛКА: Can't bind to 'formGroup' since it isn't a known property of 'form' КОД: Вид: <form [formGroup]="newTaskForm" (submit)="createNewTask()"> …

805 angular  typescript  angular2-forms 

Повідомлення про помилку обличчя: src / app / деталь / edit / edit.component.ts [111, 5]: для (... in ...) операторів потрібно відфільтрувати з оператором if Фрагмент коду (Це робочий код. Він також доступний у розділі перевірки форми angical.io ): for (const field in this.formErrors) { // clear previous error message …

229 angular  angular2-forms  angular-cli  tslint 

Я продовжую отримувати цю помилку під час використання рамки TypeScript Angular2-форм: Немає параметра directive"exportAs", встановленого на "ngForm" Ось мій код залежність від проекту: "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": …

226 angular  typescript  forms  angular2-forms 

Я працюю над формою для входу, і якщо користувач вводить недійсні облікові дані, ми хочемо позначити як поле електронної пошти, так і пароль як недійсні та відобразити повідомлення, в якому йдеться про помилку входу. Як мені перейти до встановлення цих полів як недійсних із спостережуваного зворотного дзвінка? Шаблон: <form #loginForm="ngForm" …

190 validation  angular  angular2-forms 

Я намагаюся реалізувати динамічні форми в кутовій формі 2. До динамічних форм я додав додаткові функції, такі як Видалити та Скасувати. Я дотримувався цієї документації: https://angular.io/docs/ts/latest/cookbook/dynamic-form.html Я вніс деякі зміни в код. Я тут отримую помилку. Як мені зробити цю помилку? Ви можете знайти повний код тут: http://plnkr.co/edit/SL949g1hQQrnRUr1XXqt?p=preview , який …

178 forms  angular  angular2-template  angular2-forms 

Я читав про новий інтерфейс API Angular2, і, здається, існує два підходи до форм, один - форми, керовані шаблонами, інші - реактивні форми, керовані моделями. Я хотів би знати практичну різницю між ними, не різницю в синтаксисі (очевидно), а практичне використання та який підхід приносить більше користі в різних сценаріях. …

157 angular  angular2-forms 

Я знаю, що в angular2 я можу відключити кнопку з [disable]атрибутом, наприклад: <button [disabled]="!isValid" (click)="onConfirm()">Confirm</button> але чи можу це зробити за допомогою [ngClass]або [ngStyle]? Так: <button [ngStyle]="{disabled : !isValid}" (click)="onConfirm()">Confirm</button> Дякую.

113 html  angular  angular2-template  angular2-forms 

Я помітив, що якщо я відключаю елемент керування у реактивній формі Angular 2, то елемент керування не включається у value.value. Наприклад, якщо я визначаю форму, як показано нижче: 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) …

113 angular  angular2-forms 

я на RC4, і я отримую помилку. Немає директиви з "exportAs", встановленою на "ngForm" через мій шаблон: <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} from …

109 angular  typescript  angular2-forms 

Для додавання я використовую Матеріал 2 md-raised-button. Я хочу застосувати цю директиву лише в тому випадку, якщо певна умова стане істинною. Наприклад: <button md-raised-button="true"></button> Ще один приклад: я створив основну динамічну реактивну форму в планку. Я використовую formArrayNameдирективу реактивної форми для масиву елементів управління. Я хочу застосувати formArrayNameдирективу лише в …

109 angular  angular-material  angular2-forms  angular2-directives  angular-material2 

Я не можу виправити цю помилку. У мене є панель пошуку та ngFor. Я намагаюся фільтрувати масив за допомогою спеціальної труби, як це: import { Pipe, PipeTransform } from '@angular/core'; import { User } from '../user/user'; @Pipe({ name: 'usersPipe', pure: false }) export class UsersPipe implements PipeTransform { transform(users: User …

105 angular  angular2-forms  angular2-pipe 

Враховуючи список прапорців, прив'язаних до того самого formControlName, як я можу створити масив значень прапорців, прив'язаних до formControl, а не просто true/ false? Приклад: <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" /> </form> checkboxGroup.controls['myValues'].value в даний час виробляє: …

104 javascript  angular  checkbox  angular2-forms 

Я використовую ReactiveFormsModuleAngular2 для створення компонента, який містить форму. Ось мій код: foo.component.ts : constructor(fb: FormBuilder) { this.myForm = fb.group({ 'fullname': ['', Validators.required], 'gender': [] }); } foo.component.html (з [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 …

97 angular  radio-button  angular2-forms  form-control  angular2-formbuilder 

Я намагаюся виконати ітерацію через formArray у моєму компоненті, але я отримую таку помилку Error: Cannot find control with unspecified name attribute Ось як виглядає логіка у моєму файлі класу export class AreasFormComponent implements OnInit { public initialState: any; public areasForm: FormGroup; constructor(private fb: FormBuilder) { } private area(): any …

92 loops  angular  angular2-forms 

GroupGroup : FormGroup агрегує значення кожної дитини FormControl в один об'єкт, з кожним ім'ям управління в якості ключа. const form = new FormGroup({ first: new FormControl('Nancy', Validators.minLength(2)), last: new FormControl('Drew') }); FormArray : FormArray агрегує значення кожної дитини FormControl в масив. const arr = new FormArray([ new FormControl('Nancy', Validators.minLength(2)), new …

91 angular  angular2-forms  angular-reactive-forms