angular-reactive-forms 相关问题

关于角度反应形式的问题,一种用于以反应式方式创建表格的角度技术。将此标记用于不是特定于单个Angular版本的问题。

我如何将子组件的formGroup传递给父组件

我的页面中有这么多形式的不同组件,还有一个清除按钮(来自父组件),它基本上只清除表单的所有输入字段。我停留在如何通过...

回答 1 投票 0

Angular ReactiveForms-如何将验证器设置为整个FormGroup

我目前有一个非常大的表格。我为每个字段使用以下验证器,例如:this.surname = new FormControl('',[Validators.pattern(/ ^([a-zA-Z0-9] + [_。\-/ \\] { 0,1})*([a-zA -...

回答 2 投票 0

在编辑特定记录时如何在Angular中绑定级联下拉菜单?

**这是用于添加/编辑记录的对话框,页面加载时绑定了inventoryDe ptName。 itemCategory取决于invDept。并且项目组取决于itemcategory Code来填写...的记录...

回答 1 投票 0

如何创建表单组数组

下面是我的JSON对象。我必须为此创建一个反应形式。我应该为阵列部分专门做什么? {“ examName”:“ java”,“ password”:“ 1234.com”,“ ...

回答 2 投票 -3

[Angular8:formGroup中的内存泄漏

我正在使用Angular8应用程序。这里我在github上创建了示例项目。步骤:-打开“开发工具”性能选项卡->在右侧自定义和控制DevTools。单击显示控制台上的...

回答 1 投票 -2

错误错误:找不到路径为“ stocks-> stockName”的控件]]

嗨,我尝试使用反应性表单模块创建动态表单时遇到错误,这是我的html代码

回答 1 投票 0

Angular-输入ngx-mask MatDatepicker和反应形式

我想在表单上添加反应性表单控件,并触发错误:多个自定义值访问器将表单控件与未指定名称属性匹配,一切正常...

回答 1 投票 0

如何在Angular 9 ReactiveForm中获得嵌套的FormArray控件

编辑上面的Chellappan的回答解决了问题的第一部分,但是我遇到了其他问题,这使我进行了堆栈闪电试验,可以在这里找到:https:// stackblitz ....

回答 1 投票 1

动态禁用反应形式的下拉列表

[我正在尝试禁用使用ul和li构建的下拉列表,我必须使用ui和li而不是在反应形式中选择需求。 HTML ] >> 您有2个选项使用反应形式或使用CSS类 用于使用反应形式将formControlname添加到您的组件中 <ul data-dropdown data-value class="bx--dropdown" tabindex="0" formControlName="validationType"> <li class="bx--dropdown-text">Validation type</li> <li> <ul class="bx--dropdown-list"> <li data-option [attr.data-value]="input" class="bx--dropdown-item" *ngFor="let input of validationTypes;"> <a class="bx--dropdown-link" href="javascript:void(0)" tabindex="-1">{{input}}</a> </li> </ul> </li> </ul> 并在您的方法中添加以下代码(您想在其中禁用它) const ctrl = this.fg.get('validationType'); ctrl.disable(); 使用CSS达到此目的 将此添加到您的组件css .disabled{ pointer-events:none; opacity:0.4; } 并且在您的html中将此校准添加到您的元素中 <ul data-dropdown data-value class="bx--dropdown" tabindex="0" [class.disabled]="fg.invalid"> <li class="bx--dropdown-text">Validation type</li> <li> <ul class="bx--dropdown-list"> <li data-option [attr.data-value]="input" class="bx--dropdown-item" *ngFor="let input of validationTypes;"> <a class="bx--dropdown-link" href="javascript:void(0)" tabindex="-1">{{input}}</a> </li> </ul> </li> </ul> 请用您的验证条件替换fg.invalid

回答 1 投票 0

如何使用formcontrolname制作输入组件

我尝试了很多事情,但没有找到任何解决方案。我的问题是,如何使用formControlName制作输入组件?谢谢

回答 1 投票 -2

角度8:管道过滤器无法在响应式表单值更新上工作?

为什么角管在更新表格后不过滤反应形式的值?在这里,我具有此filterfunction来转换值,我使用了自定义管道并将过滤器添加到其中。但是对于...

回答 1 投票 0

如何在Angular表单组中嵌套ControlValueAccessor组件

我有一个自定义组件,该组件实现ControlValueAccessor并正确响应父组件FormGroup中的更新,并在更新UI时更新该FormGroup。现有的应用程序...

回答 1 投票 0

如何获得价值并进行* ngFor Angular内部输入的验证

我在ngFor内有一个Form(多个输入字段),我想获取值并对其进行验证,然后将它们添加到Users数组以将其发送回API。

回答 2 投票 2

反应形式类型与数据不匹配

我发现很多时候我获取/发布到Web服务的数据结构与表单所需的数据结构之间存在细微的差异。什么是处理...的最佳方法?

回答 1 投票 2

使用反应形式方法更新表中的值

提供一个简单的示例有点困难……我有一个模型及其价格显示,并且在表格中有一个编辑按钮,当我单击编辑按钮时,将显示一个模态来修改价格。在...

回答 1 投票 1

Angular 8:如何在HTML的顶部数组中显示动态添加的对象?

我有一个formArray可以从中动态添加/删除对象。我有一个* ngFor来显示该formArray。同时,我必须将存储的数组修补到该formArray上,现在,如果我想添加...

回答 1 投票 0

使用Angular反应形式动态改变形式字段的颜色

仅当用户使用setValue()为这些字段动态设置表单值时,才将少数几个字段(名字和电子邮件)的Angular反应形式字段文本颜色更改为“ RED”。还需要...

回答 1 投票 0

如何重置角度8中的反应形式下拉菜单

[尝试重置角度8的下拉菜单但不起作用。如果我单击重置按钮,我想显示选择您的城市但不起作用。它带有空白。如何解决此问题。 app.component.ts:...

回答 1 投票 0

如何对动态嵌套数组字段的值求和并为每个输入字段创建一个对象

我正在尝试为使用Angular 8的课程开发数字评分系统。实际情况非常复杂,因此我分开了一部分,并创建了一个新项目来解释问题所在。 ...

回答 1 投票 0

ngModel不能用于在运行时向父formGroup指令注册表单控件

我不知道为什么会收到此错误消息。这是我的html: ...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.