问题标签 [angular4-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 投票
2 回答
2865 浏览

angular - 如何在 Angular 2 中以长格式观察几个字段的变化

我的表单有 10 到 15 个字段,我只想查看使用表单生成器构建的 2 个字段的变化。

目前我可以使用以下代码查看表单中的所有字段:

我不想看所有的字段,我现在在这些字段上使用 (keyup) 事件来处理它。但我想知道在 angular2 中是否有更好的方法来做同样的事情?

0 投票
5 回答
5259 浏览

html - 在primeng多选上清除所有按钮

嗨,我正在开发一个 Angular4 应用程序,而对于 UI,我正在使用 Primeng。

我有一个多选元素,其行为与此处的行为几乎相同https://www.primefaces.org/primeng/#/multiselect

我唯一想要不同的是在下拉菜单上,当单击“X”(关闭)按钮时,我希望它清除所有选择而不是关闭下拉菜单本身。

有没有办法在primeng中实现这一点?

帮助表示赞赏!

0 投票
1 回答
423 浏览

angular - Angular4 Reactive嵌套表单问题

我正在使用 Angular 4 反应式创建嵌套表单。我的表单结构如下

  • 表单组(用户表单)

  • FormArray(用户)

  • 表单组(idx)

在完整的表格中,位于Form Group下,每个表格行位于FormArray(users)下,每个表格数据单元位于 Formgroup(idx) 下。

错误:

HTML:

TS:

0 投票
4 回答
266614 浏览

javascript - Angular4 - 表单控件没有值访问器

我有一个自定义元素:

当我尝试添加 formControlName 时,我收到一条错误消息:

ERROR 错误:没有名称的表单控件的值访问器:“surveyType”

我尝试添加ngDefaultControl但没有成功。似乎是因为没有输入/选择......我不知道该怎么做。

我想将我的点击绑定到这个formControl,以便当有人点击整个卡片时,会将我的“类型”推入formControl。可能吗?

0 投票
1 回答
295 浏览

javascript - 为什么@angular 表单中没有 FormArrayDirective?

根据最新版本的角度,@angular/forms 导出以下内容:

FormContolNameand FormControlDirective, FormGroupNameand FormGroupDirective, 但是FormArrayName没有FormArrayDirective, 为什么?

0 投票
1 回答
2126 浏览

angular - 单击单个复选框“全部”时如何选择所有复选框?

我正在研究角度 4。当我选中名为“All”的复选框时,我需要选择所有服务(复选框)。

组件.ts

组件.html

我已经使用了这段代码,除了检查所有功能外,一切都正常工作。

0 投票
8 回答
23622 浏览

angular - “AbstractControl”类型上不存在属性“控件” - angular4

已经有很多博客针对此错误发布,但没有为 angular4 指定任何博客。

我在表单上添加和删除动态控件

在初始化期间向窗体添加控件

通过调用此方法添加更多控制

从表单中删除控件

但是当我构建代码时,我得到这样的错误

在此处输入图像描述

这是我的html

我无法解决这个问题。我已经按照这个博客提出了动态控制

更新 1

当我像这样更改我的 .ts 代码时

和这样的HTML代码

它工作正常,我能够使用命令在生产模式下编译文件

ng build --target=production --environment=prod

但是从过去几天开始,我遇到了同样的错误并且无法在生产模式下编译它,我还没有更新我的任何应用程序

节点版本 - v6.11.1

npm 版本 - 3.10.10

角度版本 - 4.0

不知道究竟是什么导致了错误。

0 投票
1 回答
87 浏览

javascript - 逐行(每列的字段)一个表单,每个表单都有按钮:如何管理脏状态?

我想处理我表中每一行的脏状态。不幸的是,在 a 周围添加一个表单会破坏表格,并且我无法在其中创建它,因为每个不同的列都有一个字段。我每行的最后一列包含按钮:删除和更新。仅当该行的字段之一被弄脏时才会出现更新。

不知何故,它已经工作了,但我正在检查该行(#name="ngModel")上每个字段的每个 .pristine。我的行是通过类似*ngFor="let row of rows". 我相信最好在表单上而不是在每个元素上检查.dirtyor 。.pristine

此外,如果我真的要更新,则无法删除该 .dirty 状态(我尝试通过从数组中删除并重新添加它来替换该行的数据,但它仍然是脏的)。

有没有一种技术可以解决这个问题?

0 投票
3 回答
1729 浏览

regex - 带有模式的Angular2表单验证

我正在尝试在 Angular 4.3.0 中使用电子邮件的模式属性,但即使电子邮件正确, field.errors.pattern 也会返回 true。我正在处理现有代码,并且在此使用了此模式。我也无法理解 RegEx。

下面是 HTML 表单

下面是图案

0 投票
1 回答
455 浏览

angular - ModalComponent 没有提供者

我是角度的初学者,所以这个问题我很愚蠢。在我们的应用程序中,所有表单都显示在弹出窗口中。在标题部分有几个选项卡,我需要在单击选项卡时加载组件。请查看下面的代码并建议代码有什么问题。

模态视图

模态组件

上面的代码片段用于模式弹出

选项卡 1 视图

选项卡 1 Component.ts

}

选项卡视图 2

选项卡 2 组件

}

app.module.ts

})