问题标签 [angular2-forms]

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 投票
0 回答
1634 浏览

angular - 如何在 Angular 2 中验证动态表单

我有一个根据来自 API 的数据动态生成的表单。尽管每当我尝试调用“form.valid”方法时仍然出现错误,但我成功地完全实现了表单。

这是我的代码片段:

模板文件

组件类

如您所见,表单从外部源加载问题,用户可以添加新问题或删除其他一些问题。输入控件标识符是动态生成的,我将其保存在模板“questionInput”中的局部变量中,然后我使用它将控件添加到我定义的 ngControl 控件组“addControlName”中。

之前的代码是一个片段,完整的代码完全可以工作,每当我收到错误响应或错过任何问题时,我都会看到错误。每当我使用“questionsForm.valid”而不是在模板或组件中使用它自己时,问题就会出现,它给了我这个错误:

我做错了什么吗,我是Angular的新手,在此先感谢。

0 投票
3 回答
5994 浏览

angular - 从 Angular2 中的自定义验证器访问服务

我需要从静态方法内部访问我的自定义 http 服务,例如:

在这种情况下如何访问服务?

0 投票
1 回答
2473 浏览

typescript - 使用异步数据加载在 Angular2 中设置选项

我有一个表格来更新客户对象。

我有一个客户类型的选择,我想在获取客户数据时预先选择当前值。我怎样才能做到这一点 ?

这是我的 html 表单的一部分:

0 投票
10 回答
224238 浏览

html - Angular2禁用按钮

我知道在angular2中我可以禁用具有该 [disable]属性的按钮,例如:

但我可以用[ngClass]or来做[ngStyle]吗?像这样:

谢谢。

0 投票
4 回答
6007 浏览

html - 错误 _renderer.setElementStyle “无法在 [null] 中设置未定义的属性‘背景颜色’”

我在udemyangular2课程中学习angular2,老师写了一个突出显示 html 元素的指令。

我试图做休闲,但对我来说_renderer.setElementStyle抛出异常。

例外:类型错误:无法在 [null] 中设置未定义的属性“背景颜色”

指令:

我使用指令的模板:

教师工作区: 在此处输入图像描述

谁能发现我做错了什么?

谢谢。

0 投票
1 回答
2107 浏览

html - angular2 自定义指令输入语法

我创建了一个自定义指令并将选择器值设置为“ [除非指令] ”。

该指令获取一个布尔值并使用它来更改视图,如下所示:

在我的模板中,我尝试像这样传递条件:

当我运行代码时,出现此错误:

例外:模板解析错误:无法绑定到 'givenBoolean',因为它不是已知的本机属性(“...仅在输入 'false' wad 时显示!”):StructualDirectivesComponent@47:39

我想我的语法是错误的,但我找不到在哪里或为什么?

我在Angular2 Docs上查找了它,但该示例对输入和选择器使用相同的名称,这是我试图避免的事情。

谁能知道更好的方法或可以找到我的语法问题?

谢谢。

0 投票
2 回答
862 浏览

angular - 如何获取子表单的元素?

我可以name通过两种方式获得:

但我不能使用类似的方式来获取child1.

我知道一个方法:

但这仍然childForm1在代码中使用。

是否可以仅使用formchild1获得它?谢谢

0 投票
1 回答
4345 浏览

angular - angular2 在使用 ngFormModel (ES6) 时无法读取未定义的属性“验证器”

我在使用带有表单的 ngFormModel 指令时遇到了一些问题,它说“TypeError: Cannot read property 'validator' of undefined in form_one (我从 NG-BOOK 2 Tutorial 编写了这段代码,但它不起作用!)

编辑:(@Thierry Templier)

我的图书馆:

0 投票
1 回答
611 浏览

angular - Angular2:获取在 EventEmitter 中传递的单个参数

我有 2 个组件,一个“创建”组件和一个子“表单”组件。我需要表单组件将提交事件与表单数据一起传递。

真正的问题是当我记录收到的事件时,我得到 2,而不是一个事件/参数。这是它记录的内容:Event {isTrusted: true}然后Contact {name: inputName}

如何过滤事件,以便仅在收到 Contact 对象时采取行动?

父“创建”组件:

子“表单”组件

0 投票
1 回答
85 浏览

typescript - 如何知道它是 Angular 2 中的 Control 还是 ControlGroup?

我想做这样的事情:

但是现在两者typeof(aa)typeof(bb)返回object

如何知道是Control还是ControlGroup?谢谢