タグ付けされた質問 「angular-reactive-forms」

is_edit = true無効にするtsで... <input [disabled]="is_edit=='false' ? true : null" id="name" type="text" [(ngModel)]="model.name" formControlName="name" class="form-control" minlength="2"> trueまたはに基づく入力を無効にしたいだけですfalse。 私は以下を試しました： [disabled]="is_edit=='false' ? true : null" [disabled]="is_edit=='true'" [disabled]="is_edit"

123 angular  angular-reactive-forms  disabled-input 

私は以下のようなAngularのリアクティブフォームを持っています： this.AddCustomerForm = this.formBuilder.group({ Firstname: ['', Validators.required], Lastname: ['', Validators.required], Email: ['', Validators.required, Validators.pattern(this.EMAIL_REGEX)], Picture: [''], Username: ['', Validators.required], Password: ['', Validators.required], Address: ['', Validators.required], Postcode: ['', Validators.required], City: ['', Validators.required], Country: ['', Validators.required] }); createCustomer(currentCustomer: Customer) { if (!this.AddCustomerForm.valid) { //some app logic } } this.AddCustomerForm.validはfalseを返しますが、すべてが正常に見えます。 コントロールコレクションのstatusプロパティを確認して見つけようとしました。しかし、無効なものを見つけてユーザーに表示する方法があるのだろうか？

92 angular  angular-reactive-forms  reactive 

FormGroup： A FormGroupはキーとして各コントロール名と、1つのオブジェクトに各子FormControlの値を集約します。 const form = new FormGroup({ first: new FormControl('Nancy', Validators.minLength(2)), last: new FormControl('Drew') }); FormArray： A FormArrayは配列に各子FormControlの値を集約します。 const arr = new FormArray([ new FormControl('Nancy', Validators.minLength(2)), new FormControl('Drew') ]); いつ一方を他方の上に使用する必要がありますか？

91 angular  angular2-forms  angular-reactive-forms 

動的に構築されたフォームを持つコンポーネントがあります。バリデーターを使用してコントロールを追加するコードは、次のようになります。 var c = new FormControl('', Validators.required); しかし、後で2番目のバリデーターを追加したいとします。どうすればこれを達成できますか？このオンラインに関するドキュメントは見つかりません。フォームコントロールにはsetValidatorsがありますが this.form.controls["firstName"].setValidators しかし、新しいバリデーターまたはカスタムバリデーターを追加する方法は明確ではありません。

89 angular  forms  angular-reactive-forms 

すべてのフォームのフィールドをタッチ済みとしてマークする方法を見つけるのに苦労しています。主な問題は、フィールドに触れずにフォームを送信しようとすると、検証エラーが表示されないことです。コントローラにそのコードのプレースホルダーがあります。 私の考えは単純です： ユーザーが送信ボタンをクリックする すべてのフィールドがタッチ済みとしてマークされます エラーフォーマッタが再実行され、検証エラーが表示されます 新しい方法を実装せずに、送信時にエラーを表示する方法について他のアイデアがある場合は、それらを共有してください。ありがとう！ 私の簡略化された形式： <form class="form-horizontal" [formGroup]="form" (ngSubmit)="onSubmit(form.value)"> <input type="text" id="title" class="form-control" formControlName="title"> <span class="help-block" *ngIf="formErrors.title">{{ formErrors.title }}</span> <button>Submit</button> </form> そして私のコントローラー： import {Component, OnInit} from '@angular/core'; import {FormGroup, FormBuilder, Validators} from '@angular/forms'; @Component({ selector : 'pastebin-root', templateUrl: './app.component.html', styleUrls : ['./app.component.css'] }) export class AppComponent implements OnInit …

88 angular  angular-reactive-forms  angular2-forms  angular2-formbuilder 

これが私の問題です。 問題のオンライン例 フォームに変換する必要がある動的JSONがあります。そこで、リアクティブフォームを使用し、JSONのすべてのプロパティを確認することで、FormGroupまたはFormControlを次のように作成しました。 sampleJson ={prop1:"value1", prop2: "value2",...} ... myForm: FormGroup; myKeys=[]; ... ngOnInit() { this.myForm = this.getFormGroupControls(this.sampleJson, this.myKeys); } getFormGroupControls(json:any,keys): FormGroup{ let controls = {}; let value = {}; for (let key in json) { if (json.hasOwnProperty(key)) { value = json[key]; if (value instanceof Object && value.constructor === Object) { …

8 angular  angular-reactive-forms