Вопросы с тегом «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()"> <div …

808 angular  typescript  angular2-forms 

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 …

229 angular  angular2-forms  angular-cli  tslint 

Я продолжаю получать эту ошибку при использовании фреймворка 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": …

226 angular  typescript  forms  angular2-forms 

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

191 validation  angular  angular2-forms 

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

178 forms  angular  angular2-template  angular2-forms 

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

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, элемент управления не будет включен в 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}, …

113 angular  angular2-forms 

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

112 angular  angular-material  angular2-forms  angular2-directives  angular-material2 

Я использую 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, …

109 angular  typescript  angular2-forms 

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

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 в настоящее …

105 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 checkbox"> …

99 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 { return this.fb.group({ …

92 loops  angular  angular2-forms 

После обновления до 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 …

89 angular  angular2-forms  angular2-formbuilder