问题标签 [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.
javascript - 如何验证角度表单构建器数组中的重复条目?
我正在使用带有表单构建器和表单数组的 angular6 反应形式。我在表单数组的下拉菜单中遇到重复主题条目的问题。如何验证以避免从数组中重复输入。
我有一个带有下拉菜单的主题列表。当我单击添加按钮时,将添加一个主题数组。如果我添加类似的主题,它也会被添加。但我想避免重复的主题条目。当我输入重复主题时,将显示一条验证消息并禁用保存按钮。
ts代码
html代码
angular - 使用FormGroup Angular 8为每个用户输入创建一个动态密钥
下拉列表中有某些预定义的字符串值。输入Sensor's MAC Address
字段有一个模式检查正则表达式。
目标
我希望创建一个对象如下:
其中MAC
由用户输入并location
来自下拉列表。
基于SE 查询,可以使用插入值,patchValue
但在示例中,它仅将值修补到现有键。
如何使用 Angular Forms 实现这一目标?
我已经关注了Medium.com 上关于 Angular-in-Depth的博客来创建响应式表单。
代码片段
这为我提供了如下结果:
示例数据
angular - Angular Reactive Forms 控件与 Get
当我通过以下方式获取反应形式的值时有什么区别:
以上是我的表格以及从表格中获取值的两种不同方法。但是如果有的话,两种方式有什么区别?
angular - 是否可以使 Angular ReactiveForm ValidatorFn 设置错误几秒钟?
我正在尝试写ValidatorFn
来检查表单的控件是否有重复项。
我已经编写了一个验证器来检查它并返回一个错误,但是这个验证器可以在几秒钟后删除这个错误吗?我知道如何从组件中创建它,但我想编写一次并使用此验证器重用所有控件
angular - 如何在 Angular 6 的嵌套 formBuilder 中添加新的 formControl?
我有以下使用 Angular FormBuilder 创建的表单:
如何以编程方式在地址中添加新的 formControl?(使用addControl
我得到Property 'addControl' does not exist on type 'AbstractControl'
错误)
javascript - Angular,如何使用 formbuilder 将 id 推送到每行的对象
我无法使用 formbuilder 将 id 推送到每一行的对象。所以这是我的表格
我的行
我正在像这样将我的对象推到数组中
所以我的问题是,如何将每一行的唯一 id 推送到对象,然后在 html 中使用 command {{person.id}}
、 name 和 e-mail 显示它。我正在使用 Angular 8。在此先感谢。
angular - 如何设置角度形式的验证器,如果它已经具有无效值,则检测到错误
在这里,我用 stackblitz 留下了这个例子
https://change-validation-form.stackblitz.io
我正在尝试使用表单,我需要它们根据分配给组合的值来更改其验证。例如,这是奖学金的折扣。可以是数量或百分比。如果它是一个百分比,我需要验证它不大于 100。
我正在使用 FormGroup。在 Angular 中,我没有找到一种方法来建立输入验证并标记错误,而无需编写其他东西来验证
angular - 在 Angular 7 中执行嵌套表单或嵌套表单组件的表单验证?
我正在使用 Angular 7 和模板驱动表单。我在那个表单中有角度表单,我正在调用另一个组件(或表单),并且在那里我已经应用了 required 和templatedriven validations。
另一种形式Department Name
是mandatory
在创建时成立Student
。当所有必填字段都已填充后,我只想启用该save()
按钮。但是由于部门名称字段位于不同的组件中,我将如何检查该字段是否已填充,现在我应该启用该按钮?
dept.component.html
angular - 如何以角度形式检索多选的值?
我在以我的角度形式检索多选控件的选定值时遇到问题。基本上我得到的是数组位置而不是实际的 id 值。
这是我的控制
和表单初始化
这是我检索值的代码
这是我执行 console.log(this.profileForm.controls["assets"].value) 时表单中的值(来自 chrome 控制台)
所以基本上我得到的值是 0 而不是 1 和 1 而不是 2 等等。
我究竟做错了什么?
angular - Angular Validator 函数这显示为未定义
我正在使用 Angular FormBuilder 并使用我自己的验证。我有一个formBuilder ...
和 checkPasswords 函数
当我打电话时,this.isTrue
我收到以下错误。
Cannot set property 'isTrue' of undefined
. 如果我从验证器中删除函数 checkPasswords,那么它就可以正常工作。为什么会这样?
谢谢