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

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

808
Невозможно привязать к formGroup, так как это не известное свойство form

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

229
Ошибка 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...

226
Ошибка 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",...

191
Как я могу вручную установить поле формы Angular как недействительное?

Я работаю над формой входа в систему, и если пользователь вводит неверные учетные данные, мы хотим пометить поля электронной почты и пароль как недействительные и отобразить сообщение о том, что вход не выполнен. Как мне сделать эти поля недействительными из наблюдаемого обратного вызова? Шаблон:...

178
Angular 2: Невозможно привязать к ngModel, так как это не известное свойство input

Я пытаюсь реализовать Dynamic Forms в Angular 2. Я добавил дополнительные функции, такие как Delete и Cancel, к динамическим формам. Я следил за этой документацией: https://angular.io/docs/ts/latest/cookbook/dynamic-form.html Я сделал некоторые изменения в коде. Я получаю ошибку здесь. Как мне...

157
Каковы практические различия между шаблонными и реактивными формами?

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

113
Angular2 кнопка отключения

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

113
Отключенные элементы управления Angular 2 не включаются в form.value

Я заметил, что если я отключу элемент управления в реактивной форме Angular 2, элемент управления не будет включен в form.value. Например, если я определю свою форму, как показано ниже: this.notelinkingForm = new FormGroup({ Enabled: new FormControl(settings.Enabled, Validators.required),...

112
Применить директиву условно

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

109
Ошибка Angular2: нет директивы с параметром «exportAs», равным «ngForm».

Я использую RC4 и получаю сообщение об ошибке. Нет директивы с параметром "exportAs", установленным в "ngForm", из-за моего шаблона: <div class="form-group"> <label for="actionType">Action Type</label> <select ngControl="actionType" ===> #actionType="ngForm" id="actionType"...

105
Труба '' не найдена angular2 custom pipe

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

105
Angular ReactiveForms: создание массива значений флажков?

Учитывая список флажков, привязанных к одному и тому же formControlName, как я могу создать массив значений флажков, привязанных к formControl, а не просто true/ false? Пример: <form [formGroup]="checkboxGroup"> <input type="checkbox" id="checkbox-1" value="value-1"...

92
Angular 2 не удается найти элемент управления с неопределенным атрибутом имени в formArrays

Я пытаюсь перебрать formArray в своем компоненте, но получаю следующую ошибку Error: Cannot find control with unspecified name attribute Вот как выглядит логика в моем файле класса export class AreasFormComponent implements OnInit { public initialState: any; public areasForm: FormGroup;...

89
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">...

88
Реактивные формы - отметьте поля как затронутые

Мне не удается узнать, как отметить все поля формы как затронутые. Основная проблема в том, что если я не касаюсь полей и не пытаюсь отправить форму - ошибка проверки не отображается. У меня есть заполнитель для этого фрагмента кода в моем контроллере. Моя идея проста: пользователь нажимает кнопку...

87
Как очистить форму после отправки в Angular 2?

У меня есть простой угловой компонент 2 с шаблоном. Как очистить форму и все поля после отправки ?. Не могу перезагрузить страницу. После установки данные с date.setValue('')полем по-прежнему touched. import {Component} from 'angular2/core'; import {FORM_DIRECTIVES, FormBuilder, ControlGroup,...

86
angular 2 удалить все элементы из массива

У меня есть массив форм внутри formbuilder, и я динамически меняю формы, то есть при загрузке данных из приложения 1 и т. Д. Проблема, с которой я сталкиваюсь, заключается в том, что все данные загружаются, но данные в массиве форм остаются и просто объединяют старые элементы с новыми. Как мне...