问题标签 [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 投票
3 回答
2974 浏览

html - Angular 4.3 - 在子组件中实现枚举的正确方法?

我被困在从我今天部署在我的contact.component 中的枚举中访问选定的值。它是表格的一部分。这是我实现枚举的方式:

contact.component.ts(仅提取相关代码)

所以我的联系人组件的 HTML 类如下:

contact.component.html(仅提取相关代码)

因此,上面的样式代码在我的 Chrome、Safari 和 Firefix 上的联系表单中非常整齐地将枚举显示为下拉列表。我遇到的问题是所选值,我似乎无法访问下拉列表中选择的值并将其添加到单击提交按钮时显示的模板(提交后)中。是否有一种方法 .Selected() 可以与枚举一起使用,以将他选择的值放入 Angular 4.3 中的变量中?

0 投票
0 回答
374 浏览

angular - 如何禁用angular4中的模型驱动(反应形式)复选框?

我正在使用带有表单生成器的 angular4 反应式表单

在我的视图组件中,我有一堆复选框,所以我创建了表单数组,加载页面后,一些复选框被选中,一些未被选中,这取决于支持的 api 数据

HTml

我正在检查和未检查的复选框完美无问题,我的问题是无法禁用复选框

如果我尝试如下所示,禁用工作但 [checked] 指令不起作用

请帮助我,在此先感谢

0 投票
1 回答
334 浏览

angular - md-datepicker + 反应形式 + firebase + angular 4

我有:
carico.model.ts

在我的服务中:
carichi.service.ts

在我的表单组件中:
new-carico-form.component.ts

和我的 html:
new-carico-form-component.html

问题是我可以保存表单唯一不起作用的是日期。我尝试在订阅前后显示在控制台中,日期在表格中。有什么建议么?我回到 Firebase,除了日期之外什么都没有。

0 投票
1 回答
878 浏览

angular - 有效性更改后更新 FormArray 属性的有效性

我正在使用 Angular 4 在FormArray作为数组的项目上以反应形式创建自定义验证器。它适用于初始加载,但是如果我将一个项目添加到数组中然后删除该项目,则Validator.required验证不会设置。

FromArray -> FormGroup

主组件.ts 上的主窗体

所以我可以构建表单并且它可以 100% 工作,我有一个提交按钮,如果表单无效并且在初始加载时该按钮保持禁用状态,直到我向customItems属性添加项目。一旦我删除了添加的项目,提交按钮仍然启用,即使现在它应该被禁用,因为它是必需的并且没有价值。

移除方法

因此它会删除该项目,但表单上的有效性不会改变。

我已经尝试过,updateValueAndValidity()但这pullAt似乎不起作用。

0 投票
1 回答
744 浏览

angular - 从Angular 4中的动态组件获取表单数据

我在使用 Angular 4 时遇到了很多困难(对我来说很新)......

我的问题:

我有一个表格,在这个表格中,用户可以添加一些新字段(当他点击 btn 时) - 它可以是任意数量的字段。为此,我在表单组件中生成了一个新组件(每次单击时)。

我在 ts 中有:

在 html 中,每个组件都有单独的模板 - FORM 组件和 TEMPLATE 组件。

表格中的样本:

来自模板的样本:

如果我打印 form.value (我输入输入字段'asddffd'),在保存功能的表单类(在提交时触发并且应该有表单数据),我有:

所以只有来自 FORM 模板的值,而不是来自生成的组件(test2)的值。有什么想法,漂亮吗?:)

0 投票
2 回答
3652 浏览

angular - *ngFor 中的输入 ngModel 绑定到所有输入的相同值

这是我的表格主体,当我输入第一个输入框时,所有其他输入都绑定到这个值。附图片。请帮忙。

在此处输入图像描述

编辑:

组件代码:

0 投票
1 回答
217 浏览

angular - 将 typescript 版本从 2.0.1 升级到 2.4.1 后,在 angular 2 应用程序中出现以下错误

当我将我的打字稿版本从 2.0.1 升级到 2.4.1 时,我面临以下问题......

在此处输入图像描述

0 投票
2 回答
129 浏览

javascript - 在 Angular-4 ng-serve 中没有重新渲染文件中的更改?

根据 Angular-4 的文档,我是 Angular-4 的新手,问题是每次我对文件进行一些更改时,都ng serve没有重新渲染更改,而且ng serve每次重新启动都很烦人,而且非常耗时, 它应该自动重新渲染文件中的更改,但它在我的项目中不起作用,请告诉我这个问题有什么解决方案吗?

0 投票
2 回答
8735 浏览

angular - Angular 4获取管道的反应形式输入值

我有一个搜索字段,用于过滤多选框中的列表,当我使用模板表单时,管道工作。但我改为反应形式,我找不到如何获得价值

我需要从输入字段中获取值以用于我尝试过的管道

然后在管道中使用modeltxt

在管道中使用 modeltxt.value

如果我在管道中有代码文本,管道工作我也尝试过

然后在管道中使用 {{modelValue}} 该代码适用于模板表单我只需要知道如何格式化并获取将其插入管道的值

这是管道之一

0 投票
1 回答
283 浏览

ruby-on-rails - ActiveModel::ForbiddenAttributesError (ActiveModel::ForbiddenAttributesError)

我遇到了很多关于此的问题,但我无法从他们那里找到解决方案。customers_controller.rb是这样的:

models/customer.rb是这样的:

packs/customers.js angular 4 代码的前端是这样的:

以下是我控制台中的输出:

firefox浏览器中的网络预览请求参数是这样的:

我在哪里弄错了?