Вопросы с тегом «angular2-forms»

Форма Angular - это набор элементов управления вводом данных. Используйте этот тег для вопросов, относящихся к управляемым шаблонами и реактивным формам, включая NgForm, FormGroup, FormControl, AbstractControl, FormBuilder и Validators, а также привязку данных между формами и компонентами.

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

6
Ошибка tslint / codelyzer / ng lint: «операторы for (… in…) должны фильтроваться оператором if»
Lint сообщение об ошибке: src / app / detail / edit / edit.component.ts [111, 5]: операторы for (... in ...) должны фильтроваться оператором if Фрагмент кода (это рабочий код. Он также доступен в разделе проверки формы angular.io ): for (const field in this.formErrors) { // clear previous error message (if …

21
Ошибка Angular Framework в TypeScript - «Нет директивы с exportAs, установленным в ngForm»
Я продолжаю получать эту ошибку при использовании фреймворка Angular2-формы TypeScript: Нет 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": "5.0.0-beta.11", "systemjs": …

9
Как я могу вручную установить поле формы Angular как недействительное?
Я работаю над формой входа в систему, и если пользователь вводит неверные учетные данные, мы хотим пометить поля электронной почты и пароль как недействительные и отобразить сообщение о том, что вход не выполнен. Как мне сделать эти поля недействительными из наблюдаемого обратного вызова? Шаблон: <form #loginForm="ngForm" (ngSubmit)="login(loginForm)" id="loginForm"> <div class="login-content" …

14
Angular 2: Невозможно привязать к ngModel, так как это не известное свойство input
Я пытаюсь реализовать Dynamic Forms в Angular 2. Я добавил дополнительные функции, такие как Delete и Cancel, к динамическим формам. Я следил за этой документацией: https://angular.io/docs/ts/latest/cookbook/dynamic-form.html Я сделал некоторые изменения в коде. Я получаю ошибку здесь. Как мне сделать эту ошибку? Вы можете найти полный код здесь: http://plnkr.co/edit/SL949g1hQQrnRUr1XXqt?p=preview , который …

6
Каковы практические различия между шаблонными и реактивными формами?
Я читал о Angular2, новом Forms API, и кажется, что есть два подхода к формам, один из них - формы, управляемые шаблоном, другой - формы реагирующие или модели. Я хотел бы знать практическое различие между ними, не различие в синтаксисе (очевидно), но практическое использование и какой подход более выгоден в …

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

4
Отключенные элементы управления Angular 2 не включаются в form.value
Я заметил, что если я отключу элемент управления в реактивной форме Angular 2, элемент управления не будет включен в form.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}, …

14
Применить директиву условно
Я использую Материал 2 для добавления md-raised-button. Я хочу применить эту директиву, только если определенное условие будет выполнено. Например: <button md-raised-button="true"></button> Другой пример: я создал базовую динамическую реактивную форму в plunker. Я использую formArrayNameдирективу реактивной формы для массива элементов управления. Я хочу применить formArrayNameдирективу, только если определенное условие станет истинным, …

11
Ошибка Angular2: нет директивы с параметром «exportAs», равным «ngForm».
Я использую 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, …

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

12
Angular ReactiveForms: создание массива значений флажков?
Учитывая список флажков, привязанных к одному и тому же 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 в настоящее …

5
В чем разница между formControlName и FormControl?
Я использую 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 checkbox"> …

8
Angular 2 не удается найти элемент управления с неопределенным атрибутом имени в formArrays
Я пытаюсь перебрать 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 { return this.fb.group({ …

10
ngModel нельзя использовать для регистрации элементов управления формы с помощью родительской директивы formGroup
После обновления до RC5 мы начали получать эту ошибку: 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"> </div> In your class: this.myGroup = new FormGroup({ firstName: new FormControl() }); Or, if you'd like …

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.