问题标签 [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.

0 投票
0 回答
2603 浏览

angular - 屏蔽Angular 2中的文本字段

我想在 Angular 2 中对电话号码、信用卡和 SSN 等字段应用屏蔽。我找不到任何解决方案。

当输入正确的位数时,应屏蔽字段,例如,如果用户输入 10 位数的电话号码。如果位数不合适,那么当用户点击模糊等字段时,应该会发生屏蔽。

如果有人可以为此分享解决方案,那就太好了。

谢谢。

0 投票
1 回答
658 浏览

angular - 具有模型驱动形式的“无值访问器...”

我正在尝试使用 Material Design 组件构建一个临时下拉菜单,但无法弄清楚为什么我ControlValueAccessor的不起作用。这是代码的相关部分:

这是模板中使用它的部分

这是表单设置

如果我尝试运行此代码,我会得到

platform-b​​rowser.umd.js:1900 原始异常:“shift”没有值访问器

我错过了什么?

0 投票
6 回答
198795 浏览

angular - formGroup 需要一个 FormGroup 实例

我在 Plunkr 上有一个 Angular 2 RC4 基本表单示例,它似乎引发了以下错误(在 Chrome DEV 控制台中)

这是plunkr

https://plnkr.co/edit/GtPDxw?p=preview

错误:

0 投票
1 回答
593 浏览

angular - 如何编写取决于当前组件在Angular2中的属性值的自定义表单验证器(模型驱动)

我正在使用最新的 angular2 表单,并为这个看似简单的任务而苦苦挣扎。我想要一个自定义验证函数,它能够读取当前组件的属性并基于它验证输入。这是示例 plnkr:

http://plnkr.co/edit/bNFjNsCfhYjoqKaRZgQU?p=preview

在此示例中,我有一个始终需要的用户名字段和一个仅当客户是现有客户时才需要的密码字段。

我的表单声明是:

我的验证功能是:

但是,我无法在验证函数中引用当前组件。如果单击“现有客户”按钮,您将在控制台中看到错误,即触发自定义功能并且找不到this

我错过了什么吗?我应该采取哪种方法来完成这项任务?

谢谢,

哈利

0 投票
2 回答
13976 浏览

angular - 在angular2中向FormGroup添加多个验证器

如何将多个验证器添加到 FormGroup。

FormControl 可以接受验证器数组,但 FormGroup 不能。除了创建单个自定义验证器之外,还有其他解决方法吗?

我正在使用rc4。

0 投票
1 回答
328 浏览

angular - 无法将数组传递给子组件

我希望Dynamic Forms Cookbook 示例与 http 服务一起使用。错误是关于我传递给子组件的数组TypeError: Cannot read property 'forEach' of undefined的位置。undefined

随意查看plunker。我对原始示例进行了更改,添加了从 json 文件获取数据的 Http 服务。

我在这里做错了什么?

0 投票
3 回答
13901 浏览

angular - 如何在多个组件之间使用 Angular 2 的 FormBuilder

我正在尝试在 Ionic 2 中的页面中使用 FormBuilder。

首先,这是我的环境详细信息:在 Windows 10 上运行,并且运行ionic --version给我2.0.0-beta.35

这是我的package.json文件的一部分:

其次,这里涉及到的两个主要文件:

洞察力.ts

洞察力.html

如您所见,我试图将 FormGroup 对象传递给多个组件,以便我可以使用它们。

这是其中一个组件的外观示例(目前的最小版本):

我现在面临的问题是这个错误:

来自 FormBuilder 和 Ionic 2 的错误

我相信正在发生的事情是 FormBuilder 正在寻找我在我的打字稿文件中声明的给定名称(例如 todo、imageUrl、link 等),但由于它在我的其他组件中,它会出错,认为它不存在.

此错误的原因可能是什么?我上网查了一下,没有找到相关的问题。

仅供参考,我之所以在组件中而不是在同一页面中需要它们,是因为将来每个输入的功能都会有所不同,因此需要为每个组件赋予“单一职责”。

提前致谢

0 投票
1 回答
189 浏览

angular - 除了验证之外,ng2 表单还有什么用处?

我们决定仅在 Angular2 应用程序的后端进行验证。在这种情况下,似乎 ng2 的 Forms、formBuilder、ngControls 等带有额外的代码是不必要的,并且添加了很多代码。除了验证之外,它们还有什么用处?

(PS 请不要以这是一个坏主意的理由做出回应。我们知道我们应用程序的上下文,并且知道仅服务器端验证的优缺点。我想知道,我们会不会后悔不使用 ng2 的表单在这种情况下?它们还有其他有用或关键的功能吗?)

0 投票
1 回答
183 浏览

angular - 如何在 ControlGroup Angular 2 中更新控件

任何人都有关于如何在 ControlGroup (ANGULAR 2 BETA 7) 中更新Value Control 的 plnkr 或简单示例?

我想在我的地址控制组上更改我的邮政编码的值,这是我尝试过的:

&

也没有工作,有人有提示吗?

这是我创建表单的方式:

0 投票
10 回答
141942 浏览

angular - ngModel 不能用于使用父 formGroup 指令注册表单控件

升级到 RC5 后,我们开始收到此错误:

看起来在 RC5 中两者不能再一起使用,但我找不到替代解决方案。

这是产生异常的组件: