-
4 votesanswersviews
ngx-datatable - 带反应形式的 CRUD
我正在尝试使用角度模块 ngx-datatable 创建一个 CRUD 表(来自 http 服务的行)。 我想用反应形式来实现这个目标(新手)。问题是 ngx-datatable 没有 row-template 到我可以为每一行绑定表单组的地方。此外,我在标题模板中的每一列都有一个过滤器(带有 ngModel)。 所以基本上我想实现这个表(ng2-smart-table),但是 ngx-datat... -
0 votesanswersviews
角反应形式的动态误差
我试图在 Ionic 移动应用程序中获取 Angular 反应形式,以显示与每个字段相关的验证错误。我读过的所有教程都特别指出了每个字段和验证器,这对我来说听起来不是很动态。 这是我到目前为止的模板 <ion-input *ngIf="property.component == 'number'" type="number" [attr.id]... -
1 votesanswersviews
存储数据的角度反应形式
之前我使用过模板驱动的表单,我对于反应式表单如何将数据存储到我的数据库感到有些困惑。最初我会使用**[1] =“user.date”**。如何在提交时存储数据?我建了一个如下: this.formGroup = this._formBuilder.group({ formArray: this._formBuilder.array([ this._formBuilder.group({... -
0 votesanswersviews
具有嵌套反应形式 Angular 5 的 Observable
我有这样的反应形式: <form *ngIf="people$ | async;" [formGroup]="applicationForm" (ngSubmit)="submitForm()"> <person-form [parentForm]="applicationForm" ... -
1 votesanswersviews
Angular 2 反应形式问题
我对 Angular 2 反应形式有疑问。我想在我的被动表单视图中做两件事: 在国家/地区名称的下拉列表中有一个默认值。 根据国家/地区名称字段的选择更改国家/地区代码输入字段。见下面的 html 是。 country.ts export class Country { countryName: string; countryCode: number } in-memory-... -
2 votesanswersviews
Angular 5 - Reactive 表单不会在提交时验证表单
我有一个简单的表格如下: some.component.html <form class="example-form" novalidate (ngSubmit)="onSubmit()" autocomplete="off" [formGroup]="testform"> <input t... -
17 votesanswersviews
Angular 5 Reactive Forms - 单选按钮组
我有 2 个单选按钮,我正在使用反应式表单,我在组件中添加了表单控件。我面临的问题是 name 属性必须与 formControlName 相同。当我将 name 属性设置为相同时,我只能选择 1 个单选按钮 - 永远不能取消选择并选择另一个。只允许我选择同一个。 this.genderControl = new FormControl("", Validators.requi... -
0 votesanswersviews
如何在 Angular 2 中编辑和保存被动形式?
我已经建立了一个反应形式,并且持久化数据,在最初的步骤我将使用初始数据集保存表单。 例如: - 我有一个对象数组如下: [{Name:'Tom',age:'25',subject:'maths'}]. 将此保存到 DB 后,我将获得一个唯一的 ID,Say Student ID ..通过使用此 ID,我需要编辑数据.. 能否帮我看看我应该如何编辑数据并保存回来 P.S。,我有一个数据服务,我将临... -
3 votesanswersviews
在 Angular 中以动态反应形式添加项目
我正在尝试在 Angular 5 中构建一个嵌套的被动表单。我能够在一个级别推送项目,但无法在第二级推送项目。 ngOnInit() { this.orderForm = this.formBuilder.group({ customerName: '', email: '', items: this.formBuilder.array([this.createItem()]) })... -
0 votesanswersviews
角度反应表单验证
我有一个有 3 个输入的表格,需要 2 个输入,第三个不是。 我的问题是,当我去表单的页面时,我看到不需要的字段处于有效状态并且已经用绿色着色,即使字段没有脏或触摸。 在我验证字段/表单之前,还有什么方法可以使输入变灰,或者它是否像设计一样? 这是我在组件中使用的代码: export class SystemSettingsComponent implements OnInit { form: F... -
0 votesanswersviews
动态添加表单控件到 Angular 反应表单
我想动态地向 Angular 反应形式添加输入控件。为此,如果用户从下拉列表中选择文本框输入控件,则文本框的某些特定属性字段应显示为 i.e。占位符和其他控件的情况相同。为此,我将输入控件信息存储在一个数组中。但是我不知道在选择特定控件时如何显示存储在数组中的控件相关属性。组件类代码如下所示: import { Component, OnInit } from '@angular/core'; i... -
0 votesanswersviews
理解 angular4 形式的 formGroup 声明
我是角度新手,在文档中我已经了解到要将数据从父级传递给子级,我们使用像这样的输入装饰 export class demo { @input() someInput: any; } 我们将数据从父级传递给子级 <div *ngFor='let data of moreData'> <child-component [someData]='data'></chi... -
1 votesanswersviews
如何将其他数据传递给 Angular 中的反应式动态表单
我有一个数组,其中包含可编辑的(将是formControl对象)和 read-only data(will 是 HTML 上的静态文本。有没有办法在 Angular 中做到这一点?我也可以使用FormArrays和FormGroups添加这个静态文本,但感觉不对。让我用一个例子详细说明问题: 说,我有一个 JSON 对象如下: itemArray = [{ title: 'fancy item... -
0 votesanswersviews
从总行数中获取总计
我很困惑如何在所有行上选择所有总数并自动计算总计?就像我在总计中做的那样,我只是得到了价格和数量的价值但是如何选择所有这些我能够自动计算。如何添加所有总行的总计? HTML <div class="card-block" formArrayName="rows"> <table class="table table-bor... -
0 votesanswersviews
如何使用 angularcript 类和对象在角度中使用 Reactive Forms 生成表单元素
我有一个类文件如下。 export class ClassA { description: string; type: string; order: number; constructor(descrption: string, type: string, order: number) { this.description = descrption;... -
0 votesanswersviews
如何解析要提供给 formcontrol 的 JSON 值?
我从服务器获取 JSON 响应,从中获取构建 FormGroup 对象所需的元数据。由于 JSON 是动态的,FormGroup 对象也是动态的,如何解析 HTML 中的 JSON 字段? 我查看了动态表单https://angular.io/guide/dynamic-form的角度文档但是在这里我看到它们将每个类对象传递给来自父级的dynamic-form-question.component... -
0 votesanswersviews
使用 Angular 反应形式创建嵌套表单组
我在尝试实现嵌套的角度 FormGroup 时遇到了问题。 我正在使用描述表单输入的特定方案(客户端和服务器之间的接口)。我想创建一个具有某些验证的 FormGroup,并找到使用 scheme 对象初始化 FormGroup 的最简单有效的方法。 方案对象属性本身就是对象,因此我希望其中一个我想创建自己的 FormGroup。此外,包含主 FormGroup 的组件包含应连接到内部 FromGr... -
0 votesanswersviews
Angular和Reactive表单数组在表单数组中设置表单控件值,给出错误必须为表单控件名称提供值
我需要将一个特定的活动表单数组的表单控件设置为一个值 . 我使用以下内容: (<FormArray>this.formGroup.get('test')).at(i).setValue(oldFr); i 是应该进行更改的索引, oldFr 是要设置的值 . 但我忘了每个索引中都有多个表单控件 . 我需要设置的表单控件叫做 formControlName="fr"... -
0 votesanswersviews
angular material - mat-error不显示输入字段的错误消息
场景 - 具有表单数组的反应式表单 . 表单中的每个字段都具有必需的验证 . 表单数组本身具有minlength(1)和maxlength(3)的验证 . 在表单数组中添加4个值将使表单无效并在最后一个值字段中显示错误消息 - Maximum 3 values can be added . 代码已开启 - stackblitz 问题 - 即使在mat-error的* ngIf条件为真时,它... -
8 votesanswersviews
角度6反应形式的双向约束
我试图用嵌套的组件创建一个复杂的反应形式,该组件填充了数据对象 . 我试图实现的行为非常类似于模板驱动形式的双向数据绑定:当用户编辑表单的输入时,数据对象正在改变 automatically . 但是与模板驱动的形式相反,我不能使用 [(ngModel)] ,因为它在角度V6的反应形式中被弃用 . 我知道 fromGroup.patchValue() 只会进行单向绑定,然后不得不手动订阅更改事件... -
3 votesanswersviews
Angular中的反应形式:双向绑定
我对Reactive表单有疑问 . 用户更改输入时更新模型类是直截了当的 . 但我需要采取相反的方式:以编程方式更改模型,并查看HTML表单中的更改 . 简化的代码是: this.user = new User(); 然后: this.form = this.fb.group({ name: new FormControl(this.user.name, [Validators.re... -
4 votesanswersviews
Angular 4:使用自定义异步验证器将响应式表单控件置于挂起状态
我正在构建一个Angular 4应用程序,它需要在几个组件的表单字段上进行BriteVerify电子邮件验证 . 我正在尝试将此验证实现为可以与反应式表单一起使用的自定义异步验证器 . 目前,我可以获得API响应,但控制状态仍处于暂挂状态 . 我没有错,所以我有点困惑 . 请告诉我我做错了什么 . 这是我的代码 . 组件 import { Component, OnInit }... -
1 votesanswersviews
如何使用angular设置数组形式的值
我想在数组中设置值,如下所示: this.form.controls[name].setValue('name') 但我正在使用数组表单,这是行不通的,即使我传递特定数组表单的索引 例如,这是我的表单数组,我想要做的是在函数中设置值 user: FormGroup; users: FormGroup; constructor(private fb: FormBuilder) {} ... -
1 votesanswersviews
Angular 2(Reactive forms)在表单控件中列出所有验证规则(如pattern,minlength,maxlength)是否在错误对象中
我正在创建一个组件,我需要列出输入的所有验证规则 . home.component.html <input-validation> <input type="text" class="form-control" formControlName="name"> </input-validation>... -
5 votesanswersviews
Ionic3 / Angular Error:必须为表单控件提供一个名称为的值:'jobStatus'
我有一个模板表单,模板标记中包含以下代码 <form [formGroup]="modalFG"> ... <ion-item *ngIf="isChangeStatus()"> <ion-select formControlName="jobStatus" ... -
0 votesanswersviews
在Angular Reactive表单中使用表单注册contorl时出现问题
我正在研究Angular Reactive表单 . 最初我在formgroup中有一个formarray . 之后我将formgroup推入formarray以动态添加表单控件 . 使用formControlName绑定这些控件时遇到问题 . 我收到此错误:找不到路径控件:'controlArray - > 0 - > value' 这是我的组件类代码: ngOnInit(){ ... -
0 votesanswersviews
FormArray,带有Angular 5的Reactive Form中的嵌套控件组
我一直在尝试使用反应方法在Angular中创建一个表单 . 所有似乎都没问题,直到我需要使用FormArray与嵌套的FormGroup . 我们的想法是获得一个看起来像下面的对象的输出,并能够将尽可能多的项目传递给items数组 . { 'companyName': '', 'nifcif': '', 'postcode': '', 'invoiceNo': 0, 'inv... -
4 votesanswersviews
错误:必须在索引处为表单控件提供值:1
我正在使用带有自动完成功能的反应式表单 . 我在我的应用程序的其他部分使用了自动完成功能但我无法弄明白 . 我有一个formarray,每当我想在我的case中添加一个新的传感器时添加一个输入.autocomplete works在我的第一次输入中很好但是当我尝试添加更多输入时会显示错误: Error: Must supply a value for form control at index: ... -
4 votesanswersviews
Angular7 Reactive Forms输入属性值在控制器/组件中不会更改,仅在HTML标记上更改
我制作了一个具有反应形式组的可重用组件 . 我有2个输入属性“名称”和“描述”,我正在使用ngFor设置这些输入属性来迭代组件 . 不幸的是,即使我将表单控件组中的start / default值设置为输入属性,当我单击submit angular时,将这两个输入属性读取为'null'而不是通过input属性设置的值 . 表单组输入属性: @Input() categoryID; @Input... -
1 votesanswersviews
Angular 7和Reactive form Array返回错误无法找到带路径的控件
我从服务器获取数据到组件 . 这些数据包含具有多个值的 Family Relation ,可以从下拉列表中选择以更改原始族关系值 . 我想要的是使用Reactive Forms创建一个表单控件输入数组,以显示角度材料表数据源的每一行的下拉列表 . Here is a working stackblitz that give you a great idea of the problem. 这是脚本...