-
1 votesanswersviews
Angular 2表单构建器模板
我正在尝试在我的HTML模板中表示一个表单生成器: this.form = fb.group({ HTTPMethod: [], processes: fb.group({ Process: fb.group({ id: [] }) }) 对于HTTPMethod,我这样做: <div ... -
1 votesanswersviews
Angular 2:带有多个按钮的 NgForm
我正在努力开发一款推车。整个购物车包含多个按钮,例如 add/remove/proceed 等。我希望验证仅应用于具有提交类型的继续按钮。但是目前点击任何按钮都会激活验证。 我无法发布代码,因为它非常复杂。如果这是表格的正常行为,请告诉我,否则我可能会遇到一些错误。 谢谢 -
1 votesanswersviews
如何使用输入数组构建 Angular 2 反应形式
我正在构建自己的发票应用程序以学习 Angular 2.我使用 formBuilder 创建了我的模型。我的模型包含一系列输入(发票的行项目),一旦在我的模板中映射,我就会收到错误。 (我按照这个例子:https://scotch.io/tutorials/how-to-build-nested-model-driven-forms-in-angular-2)。 这是错误,控制器和模板: 错误: ... -
24 votesanswersviews
以反应形式进行双向绑定
使用Angular 2,双向绑定在模板驱动的表单中很容易 - 您只需使用香蕉盒语法 . 您将如何以模型驱动的形式复制此行为? 例如,这是标准的反应形式 . 让我们假装它看起来比它看起来复杂得多,有很多种不同的输入和业务逻辑,因此比模板驱动的方法更适合模型驱动的方法 . export class ExampleModel { public name: string; // ... l... -
2 votesanswersviews
固定长度数组,带有Typescript接口中的可选项
Angular使用FormBuilder类引入了模型驱动的表单,其主要方法 group 具有如下签名: group(controlsConfig: { [key: string]: any; }): FormGroup; any 实际上是一个格式为的数组: [ initial value of model's property, sync validat... -
1 votesanswersviews
父母形式 - 来自沟通或关系或验证的孩子
我认为这个问题已经用复杂的术语提出来了 . 但我想在这里简单一点 . 我有 parent component 有 form tag & Submit Button . 它有一个 child component input required field 与 form tag & button . 现在让我们说我想将 custom validation 放到 input ... -
0 votesanswersviews
Dynamic From FormArray新添加的控件更改未传播
注意到angular5表单使用构建器构造一个包含捕获其他动态数据所需的表单数组的表单的奇怪行为,表单数组值仅在更新时才更新 在创建初始表单控件的过程中添加到表单数组 this.formBuilder.array(this.getRow()) 触摸第一个初始控件时 Angular version 5.2.0 Experimental/Sample Code Here Point 1/2 ... -
0 votesanswersviews
在选择选项中编辑FormArray
我创建了一个ReactiveForm,它在创建新记录时非常有效 . 但是当我尝试编辑它时,我对数组有一些问题,主要是在选择版本中 . HTML: <div formArrayName="racNaturezas"> <div *ngFor="let itemrow of formulario.controls.racNaturezas.contr... -
3 votesanswersviews
如何设置Angular 2 Reactive Select的初始值
我有一个选择列表,我想要初始化从服务器返回的保存值 . 但无论我尝试什么,我都无法使用所选的值 . 我正在使用Angular 2.2.0 和 Reactive Forms . Here is list of values for the select list. private categoryList: ICategory[] = [ new Category({ id: 1, na... -
0 votesanswersviews
Angular2形式的嵌套组?
我正在使用Angular 2中的反应形式模块来创建具有多个嵌套组的表单 . 我的“信任”表单中有一系列联系人 <FormArray>this.newTrustForm.controls['contact'] “联系”组中的一个字段是“电子邮件”组的数组,我尝试在此处找到它,但是,唉,不 . 那么我会在哪里找到它? <FormArray>this.newTrustForm.... -
4 votesanswersviews
Angular 2 - 无法设置表单数组值
我收到此错误: 此阵列尚未注册表单控件 . 如果您正在使用ngModel,则可能需要检查下一个刻度(例如,使用setTimeout) . 使用此代码时: public settingsForm: FormGroup = this.fb.group({ collaborators: this.fb.array([]), rsvp: this.fb.group({ latestDa... -
3 votesanswersviews
patch使用angular2在嵌套表单控件中的值
我需要在FormBuiler中的嵌套控件中设置一个值,模型如下: this.addAccForm = this.fb.group({ accid: ['', Validators.required], status: '', cyc: this.fb.array([ this.initCyc(), ]) }) initCyc... -
3 votesanswersviews
Angular 2或4 Reactive表单集验证取决于另一个字段值
我想在另一个字段被选中的情况下,以某种形式设置某些字段的验证 .我做错了什么吗? ngOnInit() { this.martialForm = this.fb.group({ 'maritalStatus': [this.model.maritalStatus, [Validators.required]], 'spouseTitle': [this.sp... -
0 votesanswersviews
表单构建器:添加动态嵌套组
我在这里开始使用Todd的反应形式教程: https://toddmotto.com/angular-dynamic-components-forms#dynamicformmodule 然后我尝试添加一些嵌套组...所以我扩展配置如下: public config = [ { type: 'input', ... }, { type: ... -
3 votesanswersviews
动态嵌套表单控件Angular 2
我的API响应是这样的 "groups": [{ "group_name": "GRP1" "attributes": [{ "attribute_id": 1, ... -
1 votesanswersviews
Angular 2嵌套表单设置值
我正在使用angular formbuilder来创建嵌套表单 . 如何在以下代码中为 updateValue() 函数中的每个表单组设置嵌套表单 quantity 字段值 . ngOnInit() { this.fastPostingForm = this.fb.group({ Charges: this.fb.array([ this.initCharge()... -
0 votesanswersviews
嵌套数组表单(Angular2)
我正在创建像这样结构化的嵌套表单数组 当我想将数组添加到 objects 时,表单出错了 这是 plnkr 如果您有难以理解,请告诉我 . -
0 votesanswersviews
Form 中的 Angular2 访问值
我从表单中获取 id 时遇到问题。 this.myForm 看起来像这个@Input() public myForm:FormGroup; 它是来自另一个.ts 文件的输入 这是形式的结构:myForm 会 名字 姓 电子邮件--Tags(FormArray)---id(FormGroup) 我希望能够访问 id 并使用来自一个用户的所有标签填充 this.selectedTagList,这就... -
2 votesanswersviews
如何使用 Validators 类在 Angular2 中显示用于电子邮件验证的不同验证消息?
我正在使用FormGroup,FormBuilder和Validators类来验证 Angular2 应用程序中的表单。 这就是我为电子邮件和密码验证定义所需的验证规则的方法: - export class LoginComponent implements OnInit { loginFormGroup:FormGroup; adminLoginmodel = new Admin... -
1 votesanswersviews
单个绑定 FormControl?
我正在为我们的位置服务团队制作表单组件。此组件可以具有 city,state,county,country 和 zip 字段,具体取决于其配置方式。 我希望开发人员能够通过传入一个可以绑定到表单输入的每个字段的属性的单个位置对象来使用它,并且我还希望支持传入可以绑定到字段的 FormGroup。 我遇到的问题是每个字段的所有值都来自 API。我们想尽可能多地为用户提供 auto-populate ... -
2 votesanswersviews
Angular 2嵌套表单组包含空值
我正在使用Angular 2 beta“FormBuilder”的嵌套表单组结构,对于我的生活,我无法将值放入嵌套表单组中 . 这很奇怪,因为绑定工作得很好 . 我可以向表单发送“用户”对象,它会填写用户及其地址的所有值 . 但是当发送表单值(例如,发送到HttpPost)时,它看起来就像下面的对象... FWIW I 'm following Mosh Hamedani'在Udemy上的优秀An... -
0 votesanswersviews
离子:离子无线电值不't work with formBuilder. No value accessor for form control with name ''
我正在为移动应用构建一个表单 . 我有两套使用离子收音机的无线电组 . 一个选择鱼的性别,一个选择鱼成功捕获后的命运 . 我不能让这些无线电输入与formBuilder一起使用 . 我在CatchPage.html中获得了两条错误消息,重新呈现了第113行和第114行 . 两者都是相同的,除了行号,所以我只会在这里放一个 . CatchesPage.html:113 ERROR Error: No... -
1 votesanswersviews
Angular 4错误消息应该链接到无效的formControl
我使用以下内容 . 1)FormBuilder 2)FormControl 如果formControls输入,无线电等无效,我已创建错误摘要以显示表单提交上的所有错误 . 我想要做的是当用户点击错误消息时,他们应该将其带到无效的输入字段 . 我知道我能做到的几个方法是: <a href="formControlElementID">Error message... -
0 votesanswersviews
Angular2:如何将Validators.required设置为2个字段的通用验证
我正在使用Angular2 ForumBulder创建表单并添加验证 . 下面是组件的示例代码 this.OtpForm = this._fb.group({ otpInput: this._fb.group({ otpInput1: ['', Validators.required], otpInput2: ['', Validators.required], ... -
3 votesanswersviews
angular2动态形式与* ngFor,双向绑定[(ngModel)]和表单验证
问题陈述 我正在尝试创建一个动态表单,其中界面的某些部分响应模型的更新: 用户点击按钮 新模型实体被添加到组件内部列表中,并创建 new control group (具有多个子控件,每个具有专用验证器)并附加到表单 . 这个子控件中的每一个应该 Build 一个双向绑定,它在模型[(ngModel)]中对应的条目并将状态传播到顶级表单 我被困在哪里 我目前的问题是我不知道如何从模... -
0 votesanswersviews
使用FormBuilder Angular 2绑定标签值
我有一个有角度的形式(反应形式)和后端服务 . 该服务告诉我用户界面中有多少个复选框以及标签及其值 . 我想知道如何将标签值绑定到UI . 由于我获取所有数据但不确定如何在使用FormBuilder时绑定标签 . 这是我的代码 . 所以我的数据如下: - [ { "facility_module_id": null, "module_id"...