cost 71 ms
如何检查 state 并在 RXJS 可观察到的 stream Angular 中执行某些操作?

[英]How to check for state and do something in an RXJS observable stream Angular?

我正在尝试根据 RXJS 的 BehaviourSubject 的 state 设置我的 Angular 的表单验证器,而不是使用 RXJS map 运算符订阅它,但它无法正常工作,如下所示: 但如果订阅它就可以正常工作: ...

Angular - 条件验证器不工作

[英]Angular - Conditional validator is not working

我有一个 Angular 表单,其中应该进行以下验证: 复选框 === 勾选然后验证输入否则不验证 checkbox === unticked 然后没有验证但重新检查应该启用验证我在页面加载时遇到问题,复选框未选中并且输入框没有任何值,验证不会触发这是预期的。 但是,当输入为空时,单击复选框后不会立 ...

Angular 中的可空嵌套 FormGroup

[英]Nullable nested FormGroup in Angular

我有一个 FormGroup,它有一个嵌套的 FormGroup,我希望能够将其设置为 null: 每当我尝试像这样将组设置为 null 时: 我收到以下错误: 这不是这个问题的重复: Null value in Angular Reactive form nested FormGroup因为我想 ...

Angular 验证器卡在 pending

[英]Angular validator is stuck on pending

我正在使用 Angular 反应式表单验证,在我通过触摸验证后,在名称输入上它仍然停留在待定状态我找不到代码本身的任何问题,也找不到为什么当其他带有验证的输入都正常时名称输入会这样做这是在 ts 文件中: HTML 档案: 并在名称输入中写一个字母后在控制台中: ...

如何在 Angular 中实现嵌套到一个父表单组件中的动态反应子表单?

[英]How to implement dynamic reactive sub-forms nested into one Parent Form component in Angular?

我在 Angular 中找到了实现子表单的指南。 我持有所有孩子 forms 的父母表格如下所示: 这是嵌套在父表单中的 ChildFormComponent: 家长HTML: 这种方法效果很好,但它有一些缺陷: 如果 childForm 无效,则父表单的验证仍然无效。 例如:如果用户没有勾选ch ...

在 Angular 中创建公共输入字段

[英]Create common input field in Angular

我已经创建了可以跨应用程序使用的通用输入字段,它可以使用或不使用反应形式。 例如:我创建了公共输入 angular 组件,但它仅适用于反应式表单,因为它具有 formGroup 和 formControlName。 输入.html: 输入.ts: 从我的表单页面之一调用: 如果我想在没有表格的情况下 ...

在 angular 13 中使用现有的多个对象数组初始化表单数组时找不到路径错误的控件

[英]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: ...

Angular 属性 'submitted' 来自索引签名,因此必须使用 ['submitted'] 访问

[英]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 ...

限制 Angulars 反应形式的日期字段内的输入长度

[英]Limit input length within datefield of Angulars reactive form

在 Angular 响应式表单中,使用了 datetime-local 类型的输入字段,默认提供以下格式: dd.mm.yyyy --:-- 尽管采用这种默认输入格式,但最多可以输入 6 位数字的年份。 是否可以将年份数字的输入限制为 4 位数字? 我尝试了各种具有 maxlength 和 patt ...

我有一个错误“无法读取未定义的属性(读取'resetForm')”

[英]I had an error "Cannot read properties of undefined (reading 'resetForm')"

我有一个名为 onSubmit 的方法,这个方法提交我的反应形式。 当我输入我的价值时,就像这样在我的表格中输入图片描述我有一个错误在这里输入图像描述所以我不会放弃。 我开始在互联网上寻找答案。 我找到一个我需要添加到我的答案 喜欢? 我收到任何错误,除了: 在此处输入图像描述我的错误处理程序此外 ...

如何将 bootstrap 5.is-invalid 附加到 Angulars ng-invalid?

[英]How to attach bootstrap 5 .is-invalid to Angulars ng-invalid?

Bootstrap 5 有一个 class 来将输入字段标记为无效 (.is-invalid)。 我使用的是反应式表单,当我的输入“无效”时,添加了“ng-invalid”样式。 有没有办法将此样式更改为.is-invalid 以匹配 Bootstrap class? html表格: 在 t ...

如何将在反应式表单下拉列表中选择的值添加为创建表单的 object 中的可选字段?

[英]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 ...

使用来自 api 的响应创建动态 angular 表单(不同的表单控件类型)

[英]Create a dynamic angular form using the response from api (different form control type)

我是 angular 的新手,最近致力于创建一个动态表单,并根据 api 给出的响应进行验证。api 将提供表单字段,如日期类型输入类型或多 select。此外,api 响应将提供验证,如字段是必需的或not 和输入字段的正则表达式(如果存在)。 使用以上所有数据,我需要在 angular 中创建 ...

Angular 中此代码中 ngModel 的替代品是什么,因为我收到有关同时使用表单控件名称和 ngModel 的警告

[英]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 我 ...

迭代 FormGroups 的 FormArray

[英]Iterate a FormArray of FormGroups

我无法使我的表单组的表单数组正常工作。 我想遍历表单数组并在每个表单组中呈现输入。 当我调用addExercise()时,模板不会呈现我推送到表单数组的新表单组。 此外,当我调用saveWorkout()时, console.log(this.workoutFormArray.value)行显示我 ...


 
粤ICP备18138465号  © 2020-2023 STACKOOM.COM