angular-forms相关内容

如何将选中的值放入 Angular 模板驱动表单 (ngModel) 的数组中

我正在尝试使用模板驱动的表单,将 html 中的模型绑定到一个新实例,比如 Person.我未能成功地为复选框创建正确绑定到模型上的单个数组属性. 这个想法是数据将来自 api 或其他来源,通过 *ngFor 动态呈现复选框并将所选内容绑定到 Person 模型属性,这将是一个数字数组.例如: class Person {名字:字符串;someCheckboxPropList: numbe ..
发布时间:2021-11-10 02:47:07 其他开发

在 Angular 中编辑表单

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

角度错误:“无法绑定到‘ngModel’,因为它不是‘input’的已知属性";

我正在使用 Angular 4,但在控制台中出现错误: 无法绑定到“ngModel",因为它不是“input"的已知属性 我该如何解决这个问题? 解决方案 为了对表单输入使用双向数据绑定,您需要导入 FormsModule 包在你的 Angular 模块中. import { FormsModule } from '@angular/forms';@NgModule({进口: ..
发布时间:2021-11-10 02:41:36 其他开发

在调用值时更改日期格式

在我的前端,我使用 Angular (11) Material Datepicker 元素来让用户选择一个日期.此格式是使用 MAT_DATE_LOCALE 提供程序完成的,它是 dd-MM-YYYY,所以今天是 23-12-2020.此日期选择器使用反应式表单链接到 FormControl. 虽然我对向用户表示日期的方式感到满意,但我想以 YYYY-MM-dd 格式发送日期.似乎 Date ..
发布时间:2021-11-10 02:12:35 其他开发

在调用值时更改日期格式

在我的前端,我使用 Angular (11) Material Datepicker 元素来让用户选择一个日期.此格式是使用 MAT_DATE_LOCALE 提供程序完成的,它是 dd-MM-YYYY,所以今天是 23-12-2020.此日期选择器使用反应式表单链接到 FormControl. 虽然我对向用户表示日期的方式感到满意,但我想以 YYYY-MM-dd 格式发送日期.似乎 Date ..
发布时间:2021-11-10 02:10:42 其他开发

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

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

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

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

加载组件时如何在angular mat-select中设置值?

我使用了 angular material("@angular/material": "7.1.0") mat-select box 然后我使用了表单控件而不是 ng 模型,现在问题是我可以't 在组件加载时设置该值.我需要将列表中的第一个值设置为 mat-select 框,我试过了,但我不能这样做. 我在 stackblitz 创建了一个代码,这里是链接:https://stackblit ..
发布时间:2021-11-10 01:50:39 其他开发

Angular - 对象作为选择选项值

我有一个带有各种选择框的表单,这些选择框使用对象作为值: 当我通过表单创建新记录时,这非常有用.现在,当我编辑记录时,我遇到了 mat-select-option 中的 object 与我从其余服务中获得的“相同"对象的问题,所以我的选择框在编辑记录时没有选择任何选项. 在决定选择哪个选项时,是否可以告诉选择框小部件匹配 object.id?我想我可能需要编写一个指令来处理这个问题,但 ..
发布时间:2021-11-10 01:47:39 其他开发

如何删除轮廓 mat-form-filed 边框角半径

我正在使用有角度的材料轮廓 mat-form-field 来设计表单.我得到了带有边框角半径的默认 mat-form-field 轮廓文本框视图.有什么办法可以去掉outline mat-form-field的边框圆角半径,转成方形文本框视图. 我尝试使用以下内容更改角材料 mat-form-field 的默认样式,但它不起作用. //css .mat-form-field-appe ..
发布时间:2021-11-10 01:31:20 其他开发