angular-forms 相关问题

无法删除 FormArray 中 FormGroup 内的动态验证器 - Angular

要在表单数组中的表单组内设置验证器，我尝试了此链接中描述的方法： 无法在 FormArray 中的 FormGroup 内设置动态验证器 - Angular 我试过了，一个...

将焦点放在<input>元素上

我正在使用 Angular 5 开发一个前端应用程序，我需要隐藏一个搜索框，但是在单击一个按钮时，搜索框应该显示并聚焦。 我尝试了几种方法发现...

角度传输状态隐含地包含组件状态——当我明确地只提供它页面数据时？

我目前正在尝试解决我目前遇到的 transferState 问题，并且当我提供的是从后端提供的 json 数据时，它会尝试序列化应用程序组件。 t...

Angular RxJS 键盘输入在输入或去抖动时间发出

我有一个搜索输入功能，我希望在用户按下回车键或去抖超时结束时调用该功能。基本上我想将这两条路径组合成一个 RxJS obse...

显示动态 FormControlNames 时找不到带路径的控件 - Angular Reactive Forms

我构建了一个响应式表单，该表单根据数据构建。 stackBlitz 演示 在我的示例中，用户从 中选择一个选项，这会触发一个（更改）方法，该方法获取 ... 我已经建立了一个反应形式，其中的形式建立依赖于数据。 stackBlitz 演示 在我的示例中，用户从 <select> 中选择一个选项，这会触发一个 (change) 方法，该方法获取更多数据，这可能会通过 addControl 向表单添加更多字段。 <div formArrayName="fields"> <ng-container *ngFor="let item of fields; let i = index" formGroupName="linkTypeAttributeForm" > <!-- this could be anything --> <input [type]="item.dataType" [formControlName]="item.displayName" /> </ng-container> </div> 是否有更好的方法来构建此实现以允许我指定 type 并添加未知的 formControlName？任何帮助表示赞赏！ 我遇到错误Cannot find control with path: 'fields -> linkTypeAttributeForm ->问题。 有人知道如何解决这个问题吗？ stackBlitz 演示 你会想要改变： formGroupName="linkTypeAttributeForm" 到 [formGroup]="linkTypeAttributeForm" formGroupName 将用于嵌套的 FormGroup 始终具有固定名称，例如 const someForm = new FormGroup({ someControl: new FormControl(), someNestedFormGroup: new FormGroup({ someNestedControl: new FormControl() }) }) <form [formGroup]="someForm"> <ng-container formGroupName="someNestedFormGroup"> ... </ng-container> </form> 因为你的linkTypeAttributeForm实际上并没有嵌套在linkTypeForm里面，它实际上是它自己的顶级表单，所以它需要像其他顶级表单一样绑定到模板，例如通过[formGroup]

如何使用 *ngFor 为 Angular 中的 RadioButton 设置默认选中值

我正在根据数组的长度迭代单选按钮列表，并希望将选中的设置为仅第一个元素/输入字段的默认值 我如何才能将一个字段设置为已选中并且

在角度中设置表单数组中字段的值

我有一个 Angular Material 步进器，它使用多种形式设置为一个数组，如下所示。当我在编辑模式下打开表单并注入要编辑的数据时，找不到正确的方法...

角形材料步进器与Mat-Select实现默认值。

我想在Angular材质的步进器中用垫子选择显示一个默认值。它不能与'formControlName'一起工作。

Angular formGroup如何检测表单是否真的在订阅中发生变化？

我想做一个函数来检测angular formGroup是否真的改变了它的值： subscribeToFormChanges() { const formSub = this.formGroup.valueChanges.subscribe(value => ...

Angular - 如何通过ID自动填写表格？

我想用Angular FormBuilder通过Id来填写一个表单。我的问题是，我现在不知道怎么做，我已经尝试了许多主题的解决方案，但没有任何真正的帮助。这里是我想要的：当... ...

如果在表单标签中使用ngModel，则必须设置name属性，或者在ngModelOptions中定义表单控件为 "独立"。

我使用的是angular 9.我的目的是当我点击登录按钮时，如果登录成功，它会将我重定向到仪表板，否则它会将我重定向到登录页面，当我输入我的用户名和密码，然后点击登录 ...

(Angular)监听来自反应式子表单组的验证变化。

在我的主组件中，我渲染了一个表单，其表单组位于子组件中。主组件使用一些默认值进行初始化，而子组件则使用一些验证器进行初始化。

Angular NgForm的form.resetForm和form.reset不能使用数组。

我有一个简单的ngForm，它的字符串输入和单选下拉都很好。我想添加多选择下拉菜单，因为它引入了数组。我遇到了一个奇怪的问题。当我保存重置...

matInput值没有被更新

我有一个输入用户名和密码的表单，像这样。

如何从FormControl中获取表单属性(form.committed)？

我已经创建了一个用于显示表单验证错误信息的通用组件。像下面这样：从'@angularcore'导入 { Component, OnInit, Input }; 从'@angularforms'导入 { FormControl }; @...

Ionic 4 重置表单后提交重定向回传错误不清除。

Ionic 4 重置表单后提交重定向首页并给注销返回登录页面输入值重设但错误不清除错误其显示*密码必填。

如何在Angular中动态添加表单控制组？

我是一个新的Angular，我正在根据我的要求使用表单控件添加一些字段。我需要动态地添加一些字段，其中包含一个数组。但我不知道如何向用户显示......

角形单元测试 [关闭]

public isValidStartDate() { return this.form.controls.dueDate.touched && this.form.controls.dueDate.errors && !this.form.controls.dueDate.hasError('required') }。...

Angular Reactive formArray无法根据索引插入控件。

这是我的表单： this.addForm = this.formBuilder.group({ details: this.formBuilder.array([]), }); 我调用这个函数来推送控件 nestedFormGroupDetails(control) { control...。

Angular 8中的例外：无法解析所有参数 Angular 8的例外

我在Angular 8中建立了一个应用程序，但我遇到了一个奇怪的问题，我不能在我的一个组件中注入服务。基本上，我想在一个页面下显示我所有的loginregister手段...。