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