angular-forms 相关问题

mat-error 不会显示在 mat-autocomplete 和 mat-form-field 中

我的目的是当用户未输入值时显示错误。我知道上面的例子没有多大意义，但如果程序必须显示，我也不会读取错误。代码是这样的： <

暂时禁用 Angular 表单的每个字段的最佳方法是什么？

我知道如何通过两种方式做到这一点（此处均进行演示）。两者都适用于模板驱动和反应式表单，因为它们都依赖于 FormGroup API。 formGroup.enable() 和 formG...

如何精准控制自定义表单控件的错误提示？ [已关闭]

我有一个自定义表单控件，里面有很多输入框，以及一些其他组件。当我的自定义验证器验证失败时，我发现所有输入框都显示该表单

如果过滤器在 rxjs 流中触发，则返回空数组

我有一个自动完成输入字段，它对用户输入做出反应并执行搜索功能。我设置了一个过滤器，以便仅在输入值包含两个以上字符时才开始搜索。

如何控制自定义表单控件内的子组件验证

我有一个自定义表单控件，里面有很多输入框，以及一些其他组件。当我的自定义验证器验证失败时，我发现所有输入框都显示该表单

在 Angular Reactive 表单提交按钮上收到“ERROR TypeError：无法读取 null 的属性”，并且 Reactive 表单不起作用

我的反应式表单根本不起作用，所有验证都失败了。任何验证根本不会出现在屏幕上，并且单击“保存”按钮时会出现以下错误...

检查所有表单字段的唯一值

我有一个由表单组组成的表单数组。如何检查创建的表单组内的字段是否唯一。 我有这个表格： 表单：FormGroup = this.formBuilder.group({ 字段：这个。

使用 FormControl 输入测试表单

所以我有一个这样的组件： @成分（{ 选择器：'bg-formfield-markdown'， 主持人： { 类：'表单输入'， '[class.forminput-is-error]': 'isErrorState', '[类。

子模块组件的自定义RouteReuseStrategy

Angular v-15.2.7 我不想要重新路由后松散的表单数据。所以我正在尝试实施 RouteReuseStrategy。 我的应用程序结构略有不同。我的组件位于模块内（前客户路由...

NG_VALUE_ACCESSOR 不向单选按钮的父组件返回值

在父组件中，我创建了一个适用于 3 对单选按钮的表单。我想使用 NG_VALUE_ACCESSOR 来做到这一点，从父母到孩子的沟通对我来说很有效，但是当我...

类型“string”无法分配给类型“FormGroup<any>”Angular 14 错误

我是一名初学者 Angular 开发人员，我正在使用本教程构建一个 todoList 应用程序 -> https://www.youtube.com/watch?v=WTn2nVphSl8 它是使用 Angular 13 完成的。我遇到错误的是我...

使用 StrictNullChecks 将表单组控件映射到可选函数参数的更好方法

所以最近在我的 Angular 项目中，我打开了 StrictNullChecks 并一直在检查和修复错误。我发现令我困惑的一个错误是 FormControls/FormGroups。 我哈...

显示角度形式数组的项目

我需要显示用户的姓名和课程列表。不同的用户有不同数量的课程，因此，我正在尝试角度形式数组。 这是我的 .ts： this.form = this.fb.group({ 名称：['...

Angular 中的强类型表单值

如何将表单和底层模型类型绑定在一起？ 给定 接口 IUser { 名称：字符串， 年龄： 数字 } 我如何生成： 表单=新的FormGroup（{ 名称：新 FormContro...

如何在两列中显示表单字段？

我有这个表单，但是打开后它非常长，用户必须滚动浏览它，有没有办法在两列中显示表单字段，因为表单字段很多？ 有没有

Angular 打字稿无法绑定到“formGroup”，因为它不是 Angular 中“form”的已知属性

我想使用formcontrol从表单中提取数据，如果我从html中删除[formcontrol] =“userForm”，除html之外的所有内容都不会出现错误，项目运行完美...

带有布尔输入的自定义表单控件不起作用

我正在尝试实现自定义表单控件，它将输入作为布尔值，但是当我输入“false”时它会卡住，它给我带来了疯狂的结果，这是我的代码 切换.compone...

如何在 Angular 中创建带有输入的自定义组件并将其绑定到表单？

假设我们有这样的东西 ... 假设我们有这样的东西 <form #f="ngForm" (ngSubmit)="onSubmit()"> <rc-some-component ngModel name="someComponent"></rc-some-component> <label for="fname">First name:</label> <input ngModel type="text" id="fname" name="fname"><br><br> </form> rc-some-component 的组件是： <div> //...some html <input ngModel name="someComponent" type="file" class="d-none" (change)="onUploadImage()" /> </div> 当我尝试检查 onSubmit 上发送的数据时，我只从 fname 获取数据。这意味着我无法从 rc-some-component 内部的输入获取数据。我该如何尝试解决这样的问题？ 我应该创建类似 ControlValueAccesor 的东西吗？ 我只想在调用 onSubmit 时访问输入数据（来自此自定义组件）（这样我就可以在 this.formName.value 中检查它） 您需要实现 ControlValueAccessor 接口，如果您有兴趣添加验证，甚至可能还需要实现 Validator 接口。 我写了一篇关于自定义表单控件的文章，您可以查看。 我还创建了这个 StackBlitz 演示，它正是您所寻找的。 如果您使用 FormGroup 和 FormControls 构建表单，这里是一个解决方案 首先，在您的子组件上，您需要使用 <div [formGroup]="nameOfFG"> 打包输入，在您的输入上，您需要设置属性 formControl="nameOfFC'。 在您的类中，您唯一需要做的就是提供@Input 属性。在这种情况下，您需要 @Input nameOfFG:FormGroup 和 @Input nameOfFC:string 。然后，在父 component.html 中，您需要输入这些值 - 您的 nameOfFG 和 nameOfFC。表单需要位于 [] 中，因为您将从组件中绑定它。 <custom-component [nameOfFG]="fromGroup" nameOfFC="formControl"></custom-component> 然后，在父类中只需使用您正在使用的 formControl 初始化 ngOnInit() 中的 formgroup。 如果您仍然想反其道而行之，请查看EventEmitter。基本上在子组件上，当输入更改时将调用 EventEmitter，通过 @Output 导出，然后可以使用它来更改父类中的变量 - <custom-component (event)="changeYourVariable()"></custom-component>

如何防止 Angular 表单在父组件中捕获事件之前必须发出两次？

我有一个 Angular 应用程序，其中包含一个允许用户增加数量的表单。 当用户单击“添加”按钮时会加载表单，并预先填写一定数量的...

模板解析错误：创建自定义表单元素时没有 NgControl 提供程序

我一直在尝试使用 Angular 元素创建自定义元素，对于表单输入，我一直在尝试使用 Angular 的 ControlValueAccessor 来实现这一点，正如 Eliran Eliassy 在本文中讨论的那样...