angular-reactive-forms

    3熱度

    1回答

    我想設置角2反應形式formArray對象的初始值。 即使用於設置表單值的json對象包含具有多個條目的數組值,也只顯示第一個條目,而「form.value」也只顯示第一個條目。 我使用語法(<FormGroup>this.myForm).patchValue(value, { onlySelf: true });來設置窗體上的初始值。 這裏是一個展示plunker問題:https://plnkr

    0熱度

    1回答

    如標題所示,我試圖使用模板驅動的Angular表單爲用戶提供註冊和登錄的方法。我讀了很多關於在需要複雜驗證時使用模板驅動表單的缺點。但是,這不是這種情況。我的問題是:當使用模板驅動的表單進行此類功能時,是否還存在其他缺點(即時並不明顯,或者可能稍後會出現),通常是從乾淨的表單開始並真正提交數據?

    5熱度

    2回答

    我在角度2+應用程序中使用反應形式,並且需要將主FormGroup傳遞給多個組件,以便表單的不同部分頁眉,頁腳等可以在單獨的組件中進行管理,並由這些不同的組件進行填充。這是我正在做它,此刻: <div class="container-fluid"> <form [formGroup]="orderForm"> <order-header [orderForm]="orderF

    2熱度

    2回答

    我有一個問題,理解爲什麼在一種情況下,反應式表單不能按預期工作。 我的模板中有一個按鈕組,其中每個輸入嵌套在一個標籤中。當我選擇一個單選按鈕時,我的FormGroup中相應的FormControl不會更新。 當我把標籤一切正常外部的輸入控制。 我需要做什麼才能使這項工作適用於我的示例? 下面是代碼: app.component.html: <div [formGroup]="testForm">

    2熱度

    1回答

    考慮下面的代碼片段一個FormGroup內: <input type="email" class="form-control form-control-lg" formControlName="email" placeholder="email"> 反正是有,我可以在模板中使用此輸入的值(不從。 ts文件)使用參考變量(例如),而不是使用form.get('email')...,會有什麼好處嗎?

    6熱度

    2回答

    在angular2中可以設置爲無效的窗體控件嗎? (使用表格製造商) 例如,我已經形式 - > exampleFrom &現場> exampleControl 我已經試過了,沒有成功: this.exampleFrom.controls['exampleControl'].invalid

    0熱度

    1回答

    我試圖在​​中嵌套MdInclude,也就是說,如果我選擇了特定的按鈕/值,則額外的輸入字段(與該特定按鈕關聯)爲例如 Shipping O - Same Address X - Different Address ........... 對我來說這是一個很常見的情況。 我試着去了解它的方式如下: <form role="form" [formGroup]="form" (ngSubmi

    2熱度

    1回答

    這裏有一個接口: interface User { name: string; } 和反應形式: ngOnInit() { this.formGroup = this.fb.group({ name: [user.name, Validators.required] }); } <form [formGroup]="formGroup" novali

    5熱度

    8回答

    在TS is_edit = true禁用禁用輸入... <input [disabled]="is_edit=='false' ? true : null" id="name" type="text" [(ngModel)]="model.name" formControlName="name" class="form-control" minlength="2"> 我只是單純的想禁用基於tr

    0熱度

    1回答

    我有一個關於Angular 2反應形式的問題。我試圖在我的反應式視圖中執行兩件事: 在國家/地區名稱下拉列表中有默認值。 根據所選國家/地區名稱字段更改國家/地區代碼輸入字段。見下面的html是。 country.ts export class Country { countryName: string; countryCode: number } 內存-data.ser