
[英]Set Formarray data to an object angular
我是 angular 的初学者。需要为用户保存多个地址。 我需要将地址值分配给 object。 这些是接口 component.ts 文件 数据被设置为对象。 需要将数据返回为myobj 。 我不明白该怎么做。 这可能吗? ...
[英]Set Formarray data to an object angular
我是 angular 的初学者。需要为用户保存多个地址。 我需要将地址值分配给 object。 这些是接口 component.ts 文件 数据被设置为对象。 需要将数据返回为myobj 。 我不明白该怎么做。 这可能吗? ...
[英]Angular FormGroup array
我在将数据设置为表单数组时遇到问题。 场景是在填写用户详细信息时,某些用户有多个地址。 这是 User.ts 我的地址.ts 在 component.ts 文件中 ...
[英]How to check for state and do something in an RXJS observable stream Angular?
我正在尝试根据 RXJS 的 BehaviourSubject 的 state 设置我的 Angular 的表单验证器,而不是使用 RXJS map 运算符订阅它,但它无法正常工作,如下所示: 但如果订阅它就可以正常工作: ...
[英]Angular - Conditional validator is not working
我有一个 Angular 表单,其中应该进行以下验证: 复选框 === 勾选然后验证输入否则不验证 checkbox === unticked 然后没有验证但重新检查应该启用验证我在页面加载时遇到问题,复选框未选中并且输入框没有任何值,验证不会触发这是预期的。 但是,当输入为空时,单击复选框后不会立 ...
[英]Nullable nested FormGroup in Angular
我有一个 FormGroup,它有一个嵌套的 FormGroup,我希望能够将其设置为 null: 每当我尝试像这样将组设置为 null 时: 我收到以下错误: 这不是这个问题的重复: Null value in Angular Reactive form nested FormGroup因为我想 ...
[英]Angular typed reactive form via FormBuilder in strict mode
我正在尝试按照教程(Angular 15)进行操作,但它不起作用https://gist.github.com/jhades/2d678f0140a013ec3d0b5eb2e450944c#file-01-ts 投掷 FormBuilder 似乎没有实例化。 我试着用“通常”的方式来做这件事 h ...
[英]Angular validator is stuck on pending
我正在使用 Angular 反应式表单验证,在我通过触摸验证后,在名称输入上它仍然停留在待定状态我找不到代码本身的任何问题,也找不到为什么当其他带有验证的输入都正常时名称输入会这样做这是在 ts 文件中: HTML 档案: 并在名称输入中写一个字母后在控制台中: ...
[英]Angular Reactive Forms ngSubmit not working for single input control
我在使用 Angular 反应式 forms 时遇到问题。 请从官方 Angular reactive forms 文档中检查这个分叉的 Stackblitz示例,名称编辑器形式。 在此示例表单中只有一个input控件。 我在<form>元素上使用ngSubmit并且<button ...
[英]How to implement dynamic reactive sub-forms nested into one Parent Form component in Angular?
我在 Angular 中找到了实现子表单的指南。 我持有所有孩子 forms 的父母表格如下所示: 这是嵌套在父表单中的 ChildFormComponent: 家长HTML: 这种方法效果很好,但它有一些缺陷: 如果 childForm 无效,则父表单的验证仍然无效。 例如:如果用户没有勾选ch ...
[英]Create common input field in Angular
我已经创建了可以跨应用程序使用的通用输入字段,它可以使用或不使用反应形式。 例如:我创建了公共输入 angular 组件,但它仅适用于反应式表单,因为它具有 formGroup 和 formControlName。 输入.html: 输入.ts: 从我的表单页面之一调用: 如果我想在没有表格的情况下 ...
[英]Cannot find control with path error while Initializing Form Array With existing array of multiple objects in angular 13
您好,我是 Angular 的新手,我希望使用现有数组初始化表单数组,该数组由 angular 中的多个对象组成。我收到以下错误找不到路径为“变量-> 0 -> id”的控件这是我的 HTML: 这是我的 TS: ...
[英]How to set selections on an Angular multiselect with reactive forms?
解释该问题的最佳方式...在此 StackBlitz 中,我想将选择设置为“佛罗里达”并查看该选项是否已选中。 https://stackblitz.com/edit/angular-multi-select-dropdown-reactive-forms-jb7x2h?file=src%2Fa ...
[英]Angular Property 'submitted' comes from an index signature, so it must be accessed with ['submitted']
我想通过在 Angular 表单控件中提交检查来发送错误反馈。 但是 form.submitted 属性不起作用,所以我收到一条错误消息。 Property 'submitted' comes from an index signature, so it must be accessed with ...
[英]Limit input length within datefield of Angulars reactive form
在 Angular 响应式表单中,使用了 datetime-local 类型的输入字段,默认提供以下格式: dd.mm.yyyy --:-- 尽管采用这种默认输入格式,但最多可以输入 6 位数字的年份。 是否可以将年份数字的输入限制为 4 位数字? 我尝试了各种具有 maxlength 和 patt ...
[英]I had an error "Cannot read properties of undefined (reading 'resetForm')"
我有一个名为 onSubmit 的方法,这个方法提交我的反应形式。 当我输入我的价值时,就像这样在我的表格中输入图片描述我有一个错误在这里输入图像描述所以我不会放弃。 我开始在互联网上寻找答案。 我找到一个我需要添加到我的答案 喜欢? 我收到任何错误,除了: 在此处输入图像描述我的错误处理程序此外 ...
[英]How to attach bootstrap 5 .is-invalid to Angulars ng-invalid?
Bootstrap 5 有一个 class 来将输入字段标记为无效 (.is-invalid)。 我使用的是反应式表单,当我的输入“无效”时,添加了“ng-invalid”样式。 有没有办法将此样式更改为.is-invalid 以匹配 Bootstrap class? html表格: 在 t ...
[英]How to add a value selected in the dropdown of the reactive form as an optional field in the object that creates the form?
我创建了一个 angular 反应形式。 我可以将名称作为普通输入字段输入,然后在第二个下拉字段中输入该类型的值。 有一种称为凭证的类型,选择它后,您可以在输入字段中输入用户名和密码。 对于非凭证类型(String、Int、Number)只能输入值。 问题是我目前在表单值中创建一个 createt ...
[英]Create a dynamic angular form using the response from api (different form control type)
我是 angular 的新手,最近致力于创建一个动态表单,并根据 api 给出的响应进行验证。api 将提供表单字段,如日期类型输入类型或多 select。此外,api 响应将提供验证,如字段是必需的或not 和输入字段的正则表达式(如果存在)。 使用以上所有数据,我需要在 angular 中创建 ...
[英]What is the replacement for ngModel in this code in Angular as I am getting warning for using form control name and ngModel together
我一起使用ngModel和formControlName ,所以我在控制台中收到警告。 我想删除该警告,但我无法弄清楚我是否正在删除其中的ngModel ,而不是我应该用什么替换它。 我尝试了几个代码,但没有用。 这是我的 component.html 文件: 这是我的 component.ts 我 ...
[英]Iterate a FormArray of FormGroups
我无法使我的表单组的表单数组正常工作。 我想遍历表单数组并在每个表单组中呈现输入。 当我调用addExercise()时,模板不会呈现我推送到表单数组的新表单组。 此外,当我调用saveWorkout()时, console.log(this.workoutFormArray.value)行显示我 ...