angular2-formbuilder

0熱度

1回答

我有2種形式。一個父母表格和一個孩子表格。它看起來像這樣： <form [formGroup]="form" (submit)="makeSomething()"> <input type="text" formControlName="test" /> <some-form-component></some-form-component> <input type="

0熱度

1回答

在Angular2 FormGroup中進行動態添加輸入的驗證

我有一種窗體，點擊某個按鈕時會添加輸入。 addInput() { let input: {} = { "text": null }; this.arr.push(domain); let key = 'textC_' + (this.arr.length - 1); this.form.controls[key] = new Fo

9熱度

2回答

雙向無功形式

結合採用了棱角分明2，雙向綁定很容易在模板驅動的形式 - 你只需要使用香蕉箱語法。你將如何以模型驅動的形式複製這種行爲？例如，這裏是一個標準的反應形式。讓我們假裝它比看起來複雜得多，有很多很多不同的輸入和業務邏輯，因此比模板驅動的方法更適合模型驅動的方法。 export class ExampleModel { public name: string; // ... lots

1熱度

1回答

Angular 2：帶多個按鈕的NgForm

我正在嘗試開發一個購物車。整個購物車由多個按鈕組成，例如添加/刪除/繼續等。我希望驗證僅適用於具有類型提交的繼續按鈕。但是，當前點擊任何按鈕的驗證激活。我無法發佈代碼，因爲它非常複雜。只要讓我知道這是表格的正常行爲，或者我可能會有一些錯誤。感謝

0熱度

1回答

使用FormBuilder突出顯示原始但無效的表格

在Angular 2中使用FormBuilder突出顯示髒字段和無效字段很容易。但是，您可以提交原始但無效的表單，而無需將字段更改爲髒。例如，此代碼將顯示，當您提交表單時未觸摸輸入，FormGroup將無效，但.ng-pristine將保留在文本字段中。這意味着用戶將不會收到有關文本字段出現問題的通知。 @Component({ template: ` <form [form

9熱度

1回答

使用模型驅動表單禁用

我試圖在我的模型驅動表單中使用disabled。我有以下形式：可能是因爲我使用this.form內this.form this.form = this.formBuilder.group({ val1: ['', Validators.required], val2: [{value:'', disabled:this.form.controls.val1.valid}] }

4熱度

1回答

表單驗證不適用於Ionic 2中的Angular 2 FormBuilder

我正在構建Ionic 2（typescript）應用程序。在複選框（ion-checkbox tag）中進行了簡單的模型驅動表單驗證後，發現問題僅限。我正在使用FormBuilder構建表單模塊。我希望表單根據複選框輸入控件的選中狀態進行驗證/未驗證。但它的工作只有單向。這裏是我的代碼： reg.html <ion-content padding> <form class="clien

5熱度

2回答

如何使用Angular 2.0中的formControl訪問Native HTML Input元素

我正在使用Angular 2.0 final release。我想幹什麼？ - 我只想在輸入接收焦點時顯示一些通知（警告，輸入要求）。甚至更好，當他的父母（the div）有mouse hover事件。從父母（div）這樣做很容易。 Just（focus）= showNotifications（）+ ngIf - 並完成作業。但我想封裝節目的通知組件內部此功能 - 並使其可重複使用.. 由於

0熱度

2回答

模型驅動的形式與ng2-bootstrap datepicker

我環顧四周，無法找到任何明確的這個 - 你可以使用ng2-bootstrap datepicker與Angular2模型驅動的形式，還是隻能使用模板形式？的文檔描述的選擇，這樣你會如下（作爲一個例子）使用它： <datepicker [(ngModel)]="startDate" ></datepicker> ...這似乎工作。理想情況下，我想這樣使用它： <datepicker formC

20熱度

4回答

formControlName和FormControl有什麼區別？

我正在使用Angular2的ReactiveFormsModule創建一個包含表單的組件。這裏是我的代碼： foo.component.ts： constructor(fb: FormBuilder) { this.myForm = fb.group({ 'fullname': ['', Validators.required], 'gender': []