angular-forms相关内容

在 Angular 中编辑表单

请帮忙!!我发现编辑表单非常困难.我使用反应式表单并将数据添加到表单并发送到数据库工作得很好.现在我想查询数据库中的数据,以便我可以对其进行编辑并再次发送.数据是以 json 对象的形式从数据库中获取的,我尝试将其分配给表单组变量,以便我可以在表单中显示数据并发送它,但出现错误. 我也试过用模板驱动的表单来显示数据.它适用于输入字段中的值,但每当我尝试将数据与 ngModel 绑定时,输入字 ..

Angular:在(更改)事件上添加动态生成的输入字段数据时出现问题

我有一个功能,我需要在单击按钮时发送动态生成的输入字段. 为了更好地理解,我在 stackblitz 上重现了这个问题. 在那个应用程序中,当我输入 resourceQuantity 时,resourceId 字段是动态生成的.我的问题是单独识别这些字段并通过单击按钮将它们发送到服务器端. 我在stackblitz上找到的这个解决方案是类似的,但在我的问题我不是删除或添加按钮点击 ..

FormArray响应式表单中设置值不小于0

我已经成功地将“quantityControl"formControlName 中输入字段中的值实现为不小于 1.但是我的问题是在 formArray 上.如何将其设置为不小于 0 或不应为负数? 这是下面的代码和我的stackblitz的链接代码链接 this.inquiryForm.get('quantityControl').valueChanges.pipe(过滤器(数量=>数量 ..

为什么自定义验证器不起作用

我创建了一个名为 threeNumbers 的自定义验证器,它的作用是只接受三位数字.但是当我将它应用到 username 字段时,它会抛出一个错误 ERROR TypeError: Cannot read property 'length' of null 和formGroup 需要一个 FormGroup 实例.请传入一个. ngOnInit() {//在响应式表单的类中指定的表单控件验证 ..
发布时间:2021-11-09 01:33:29 其他开发

如何在应用程序中为Angular Forms制作带有表单控件输入的通用组件

我为 datepicker 创建了组件,我想在我的应用程序的许多其他组件中使用它.我有一些问题,因为它不会改变父表单组控件的值. 让我们进入代码: 导出类 DatePickerComponent {@ViewChild('input', {read: ElementRef, static: false}) inputRef: ElementRef;@输入()表格名称?:表格组;@输入()表 ..
发布时间:2021-11-09 01:33:20 前端开发

如何将自定义验证器添加到 FormArray?

我想向表单添加自定义验证器,以防止 mat-step 切换到下一步.当我使用 FormGroups 时一切正常,但当我必须使用 FormArray 时我无法实现验证. 我至少尝试了两种在表单初始化时分配验证器的变体: 数组内部 状态:this._formBuilder.array([this.createStatus()], defaultStatusValidator()) ..

在 Angular 2+ 中扩展 FormControlDirective

我正在看这个问题,试图弄清楚如何扩展 FormControlDirective:尝试扩展 FormControlDirective 以实现我自己的 FormControl 指令导致绑定错误. 有一个答案,但我不确定是什么意思: formControl \ formControlName 选择器出现在另外一个地方 - 价值存取器.为了您的指令工作,您应该实现所有默认值hybridForm ..

打开包含从另一个 ngx-formly 表单创建的表单的模态表单

我目前正在使用 ngx-formly 从 JSON 动态创建一堆 Angular 表单,效果非常好.我有一个特殊的用例,表单上的自定义按钮应该打开一个包含另一个表单的模式对话框,其中还包含一个使用 ngx-formly 创建的表单.我在 ngx-formly 站点上看到的示例使用自定义按钮,并使用 .ts 文件创建自定义组件,但我想避免这种情况,因为我将有多个表单执行此操作,而且我不想创建不同的组 ..
发布时间:2021-11-09 01:33:03 其他开发

根据在 Angular 的响应式表单中选择的数字推送迭代行

当我在下拉列表中选择一个数字时,我在迭代行时遇到了问题.我将如何推送该数字,以便根据该数字迭代行(卡片).我的流程是这样的,首先您必须将 Solo Traveler 选择为“否",以便出现成人和儿童下拉菜单.该下拉列表是我的问题,我将如何根据所选数字迭代行(卡片)?我已经制作了行(卡片),但我不知道如何迭代它.这是我的 stackblitz 链接 点击此链接 updateCountAdu ..

在 angular 6 表单生成器中找不到具有未指定名称属性的控件

我在尝试使用 HTML 文件更新网格表时收到此错误消息. 在这里,我使用了表格的静态数据来显示并从显示primeng 表格的其他组件导入,并且我添加了一个更新按钮,该按钮具有重定向到另一个页面以更新数据的功能. 该问题出现在 HTML 文件的第一行,即;[formGroup]="myvehicle" 我尝试使用不同的表单组名称进行检查,但问题仍然存在. import { C ..
发布时间:2021-11-09 01:32:57 其他开发

Angular 子组件 ng-invalid

我正在通过实现 ControlValueAccessor 创建一个与表单兼容的自定义输入组件.此输入组件是一个或多个子输入的组合,但我无法将 ng-invalid CSS 类传播到子 input 元素. 我的自定义输入组件有一个模板,如: 输入: 课程是: priv ..
发布时间:2021-11-09 01:32:48 其他开发