问题标签 [angular2-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.
angular - angular2 在使用 ngFormModel (ES6) 时无法读取未定义的属性“验证器”
我在使用带有表单的 ngFormModel 指令时遇到了一些问题,它说“TypeError: Cannot read property 'validator' of undefined in form_one (我从 NG-BOOK 2 Tutorial 编写了这段代码,但它不起作用!)
编辑:(@Thierry Templier)
我的图书馆:
javascript - Angular2 Forms:在控制台获取“对象”作为输入字段 element.value 的结果
我试图以 angular2 的形式打印输入字段的内容,但在控制台上获取对象作为结果(我的 ControlGroup 类型),这是我的代码,为什么会发生这种情况
angular - 来自通信或关系或验证的父表单子
我认为这个问题已经用复杂的术语提出了。但我试图在这里让它变得简单。
我有一个具有表单标签和提交按钮的父组件。它有一个带有表单标签和按钮输入的子组件。 required field
现在假设我想输入可以正常工作custom validation
的输入字段entered letters must be uppercase
。简而言之,这两个验证在子 cmp 中都可以正常工作。
您可以在这里查看和播放=> https://plnkr.co/edit/0iMTib?p=preview
如何启用父母的提交按钮,
或者
如何使父表单有效,
if child form is valid?
如果我有更多的嵌套表格,也可以考虑!
ANGULAR2中父母的形式和孩子的形式之间有什么关系吗???
angular - Angular 2子组件无法获取父组件
我正在尝试制作一个组件,该组件将在给定控制输入名称的情况下显示特定的错误消息。这是我的代码...
注册.ts:
控制-msg.ts:
问题是你可以看到ControlMessages
can't get the value of my parent NgFormModel
。
Angular 2 向我显示了这个错误,
例外:没有 NgFormModel 的提供者!(ControlMessages -> NgFormModel)
如果我NgFormModel
在 ControlMessages 中包含作为提供者,则会显示此错误,
例外:TypeError:无法在 [errorMessage !== null in ControlMessages@0:5] 中读取 null 的属性“find”
请注意,在引导应用程序时我没有注入任何提供程序。
我正在使用angular2 beta 12。
编辑:
表格模板:
javascript - Angular2 FormBuilder在Firefox中不起作用
使用带有验证的表单构建器制作一个简单的注册表单
这是我的模板
这是我的注册组件:
上面的代码在 chrome 中运行良好,但在 Firefox、edge 和 IE 中它根本没有加载页面并且没有给出任何错误。我正在使用 angular2 2.0.0-beta.7
angular - 验证类型编号的输入在 Angular2 中无法正常工作
我正在尝试将 number 类型的输入字段验证为非空。验证成功,尽管它是空的。
如果输入字段的类型为 text 则成功。这是一个结合了这两种情况的示例:
在前面的示例中,即使我插入一个数字然后删除它,错误消息“需要名称”也不会显示。
angular - 如何使用 ngFormModel 将元素列表绑定到选择列表?
假设我有一个表单组件,例如
在我看来,我想要一个下拉菜单categories
和一个text
. 文本区域很简单,
但我找不到任何关于如何创建select
using的示例ngFormModel
,它们似乎都在使用ngModel
和*ngFor
循环创建option
带有ngValue
属性的标签。这是否意味着我必须混合ngFormModel
,ngModel
或者有没有办法单独做到这一点ngFormModel
?
javascript - 如何在没有 ng-model 的情况下以 Angular 2 形式以编程方式更改原始属性
我是 Angular 2 框架的新手。我很感激任何帮助。
我在角度 2 中有常用组件:
然后我注入FormBuilder
构造函数:
HTML 包含下一个标记:
标题和描述效果很好。但我添加了引导下拉菜单,它没有任何表单元素。
所以,问题在于 html 标记不包含任何模型。我试图解决这个问题的方法是创建函数onValueChanged
这两条线都不起作用,因为this.formData.pristine
下拉列表更改后没有更改。
现在我正在考虑如何更新FormBuilder
,有一些方法会很好,例如this.fb.update()