问题标签 [angular-formbuilder]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
13007 浏览

angular - Angular - FormBuilder.group 不接受验证器数组

我试图使用 Angular FormBuilder 提供的额外参数映射

文档:FormBuilder

但面对

this.validator 不是函数

如果我传递单个验证器而不是数组,则上述错误消失但验证不会发生?

有人可以帮我解决这个问题或提供使用额外地图参数的正确方法吗?

我的组件及其对应的模板如下:

app.component.ts

app.component.html:

0 投票
1 回答
2398 浏览

angular - 在 Angular 5 中使用反应式表单时,在验证之前标记所需的表单控件

我们希望在验证之前向用户提供需要哪个字段的视觉反馈,例如通过突出显示蓝色字段。

我们正在使用响应式表单来验证用户的输入:

与模板

稍后将根据模型生成整个模板。因此,我们希望尽可能保持模板“纯”。

但是:为了通过 CSS 突出显示必填字段,我需要输入元素上的类或属性(required )。如果 Angular 可以为 -Element 设置一个(或两者),那就太好了input,当相应FormControl的 Validator 被赋予required.

在上面的例子中,我必须手动required添加一个类或属性到-Element 以使这个 CSS 工作:required input

当验证器设置为相应的时,有没有办法自动将类或属性附加到 DOM-Element FormControl

0 投票
0 回答
109 浏览

angular - 无法读取 ClientEditComponent.updateClient 处未定义的属性“prodid”

我有一个名为“客户端组件”的组件,使用 firebase 用于数据库目的,材料组件用于设计目的。我正在处理我确实创建、删除但在更新中遇到问题的 CRUD 操作。客户端数据显示在网格中,当我单击编辑图标时,调用子组件并打开“客户端编辑表单”,表单中的每个字段也填充了以前的数据,但在更改并单击更新按钮后出现错误。

更新代码。

服务

在 clientform 表单网格中获取数据。

0 投票
1 回答
1922 浏览

angular - 创建一个 FormBuilder 数组,其中包含由另一个输入表示的控件数量

我正在编写一个 Angular 5 应用程序,此时我需要为其中一个属性使用 FormBuilder 数组。我有一个属性,它说明数组中应该有多少控件,但找不到有关如何创建具有这么多控件的 FormBuilder 数组的任何资源。

表单看起来像这样:

这样做的最佳方法是什么?

0 投票
0 回答
370 浏览

angular - Angular FormArray 和重复项

Angular FormArray 是否允许重复值作为其值。正如我在我的代码 formArrays 中看到的那样,Bcoz 拒绝重复的值,并且只取唯一一次。如果是这种情况,那么解决方法是什么?

0 投票
1 回答
3452 浏览

angular - 如何在ngFor(嵌套formArray)中访问ngFor中的formControlName?

我是 Angular 2 的初学者。我正在尝试创建一个具有动态表单的表,创建了表并且值也绑定但我无法访问 formControlName 中的值,尝试了下面的代码但它没有工作。

有人可以帮我在下面的代码中做错了吗

HTML

TS

提前致谢。

0 投票
0 回答
700 浏览

angular - “错误类型错误:无法读取未定义的属性‘值’”

请我是 Angular 的新手,我正在学习 Felipe Coury 的教程。在本书的一章(编写您的第一个 Angular 2 Web 应用程序)中,他使用“.value”来显示标题和我们要输入的链接。对他来说效果很好,但在我的系统上它一直显示“错误类型错误:无法读取未定义的属性'值'”。

这是我的代码,



0 投票
0 回答
528 浏览

angular-reactive-forms - 可观察订阅方法中 FormGroup 数组的反应式表单 SetValue

我是 Angular 的新手,但我想了解在使用 Service Observable 时如何使用 Reactive Form 和 FormGroups 数组。

我的表格很简单,它有文章列表,您可以在其中选择其中一个并可以编辑详细信息。它还具有添加新文章的功能。

因此,页面本身的开头,左侧有文章列表,另一侧有反应性空白表单。现在,此表单还包含一些为文章提供标签的复选框。

现在,当我加载页面时,一切都按预期进行。文章来了,反应形式也与所有标签一起加载(未选中)

当我单击任何文章以使其可编辑时,我收到错误“必须为索引处的表单控件提供值:0”。我试图稍微更改代码,但随着新错误开始出现“必须为表单控件提供一个值,名称为:'articleId'”

所以,总的来说,我没有得到什么是根本问题。似乎我缺少为表单组命名但不确定如何提供。

// 全局变量:从构造函数中调用。

// 虽然 this.loadArticle(this.selectedArticleId); 调用更改事件

}

}

}

}

ERROR 错误:必须为表单控件提供一个值,名称为:“articleId”。ERROR 错误:“必须为索引处的表单控件提供一个值:0。”

0 投票
1 回答
1837 浏览

angular - 在角度应用程序中获取 [Object Object]

以角度形式获取[Object Object]并且下拉(选择)未设置为默认 0 索引。虽然在编辑的情况下一切正常。我需要为此创建页面初始化模型属性吗?

在此处输入图像描述

编辑ngModelChange没有调用函数doNameChange

零件:

html:

0 投票
1 回答
898 浏览

javascript - 角度动态表单添加嵌套表单数组

我正在尝试创建一个动态表单,您可以在其中动态添加表单,并动态添加子表单。例如:

您可以根据需要添加任意数量的用户,并且可以为每个用户添加任意​​数量的颜色。我可以让第一个数组工作(用户),但不确定嵌套数组(颜色)。我已经设置好了,所以它会在开始时加载用户和颜色。这是我到目前为止的代码:

这是我的html代码:

显然这不起作用,所以我试图理解我需要做什么。