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

angular - Angular 4 图像选择器/选择器

我正在寻找一个库或组件来选择角度 4 中的图像。我只想要一种简单的方法将个人资料图像上传到我的应用程序。我找到了一些库,但它们已经过时了。谢谢

0 投票
1 回答
50 浏览

angular4-forms - 如何在angular4中将值从内容传递到侧边栏?

我正在尝试将对象从我的表单传递到类似页面的侧边栏。我怎么能做到这一点?

0 投票
0 回答
2344 浏览

angular - angular 4 - 根据所选值更改表单验证器

我正在使用带有表单验证的角度反应式表单。我想创建一个选择输入,并且只有选择特定的选项('其他')我想显示其他文本输入(因此用户可以输入自定义答案)。我默认情况下不需要输入文本,然后onValueChanged我正在检查选项是否为“其他”并用于setValidators将输入更改为必需。这似乎可行,但我收到此错误:

这是我的代码:

组件.ts

组件.html

编辑 我在这里找到了一个启用/禁用输入的解决方案。效果很好!但我仍然很高兴听到您认为最好的想法和其他解决方案。谢谢

0 投票
1 回答
3978 浏览

angular - PrimeNG 日历控件当日历控件处于无效状态时响应式表单更新值看不到更新日历 UI

我在 Angular Reactive Forms 应用程序中使用 PrimeNG 日历控件。在我的应用程序中,我在 Primefaces 对话框中有一个带有日历控件的表单。

当在日历控件中输入无效的日期值时,我会在对话框关闭时以编程方式将控件的值更新为预定义的回滚日期值,以便在再次显示时表单处于有效状态。

但是,我发现以编程方式更新日历控件的值并不能始终使用新值更新 UI。

我正在使用 FormGroup 并尝试了 setValue 和 patchValue。我还尝试在日历控件上显式使用 setValue 和 patchValue 以及 formGroup 的重置方法。问题仍然存在。

只是想知道是否有人可以建议我在代码中哪里出错了?

我在http://plnkr.co/edit/xc4ygZ?p=info创建了一个 plunker来说明一个例子。角度组件和模板的代码包含在下面......

0 投票
0 回答
138 浏览

angular - ng2 DynamicForms 没有 DynamicFormService 的提供者

ng2 动态表单,我尝试在包含所有内容后从示例开始,我收到错误“没有 DynamicFormService 的提供者”,但是当我将它作为提供者包含时,即使我也包含它,它也会要求我使用 DynamicFormValidationService。

在此处输入图像描述

0 投票
1 回答
910 浏览

angular - Angular 4 正确使用嵌套 *ngFor

我正在实施更新网络服务。为此,我从数据库中获取数据并用它填充表单字段。然后用户需要编辑数据并提交以更新数据库。

我需要帮助使用复选框来实现这一点。我正在尝试使用嵌套的 *ngFor 来获取 2 个不同的 Web 服务。“maintainanceTypeList”包含所有复选框选项,“defaultmaintainance”包含用户提交创建表单时检查的选项。如您所见,我正在尝试比较两者的 id 并在比较返回 true 时选中复选框。

我的问题是嵌套循环的迭代现在取决于我的默认维护有多少对象,这意味着相同的复选框会显示多次。

编辑:这两个数组都是具有多个对象的对象数组,格式如下:

0 投票
2 回答
397 浏览

angular - 下拉表单 API [添加和删除] 上的 Angular 4 动态反应表单

我在 angular 4 项目中遇到了这个问题,如果你有时间解决这个问题,我将不胜感激。

客观的

下拉值的变化我们需要根据返回值调用API,我们需要填充表单数据。[API 将遵循相同的对象结构]

  1. 我在块中提到的 for 循环没有完全运行以清空表单控件数组。

  2. 我已经通过 FormGroup 和 FormArray 类没有删除所有控件的方法。

  3. 由于对angular4的了解不完整,可能是方法不正确。

  4. 源代码片段:

控制台日志:

0 投票
1 回答
886 浏览

angular - 我可以在角度 4 的同一组件中使用两个 ngForm 吗?

我正在设计一个设置页面。我想在同一个组件中设计两种不同的形式。一个用于个人资料更新,一个用于密码更新。是否可以在同一个组件中使用两个表单元素?

0 投票
3 回答
2235 浏览

angular - 如何使用角度 4 动态呈现 ng2Chart(条形图)

我使用 ng2charts 模块来渲染图表。如果我尝试使用以下虚拟数据,条形图会正确呈现。

打字稿

组件 HTML:

但是,如果我尝试从服务器获取数据并动态设置数据,则无法按预期工作。

我得到以下错误

HomeComponent.html:73 错误类型错误:无法读取未定义的属性“数据”

请参考我下面的代码。

0 投票
0 回答
56 浏览

forms - 表单验证器忽略 Angular 4 中所需的自定义表单

我在表单中创建了 2 个标签。

第一个是input标签,第二个是内部带有input标签的自定义组件。

我显然需要表单来验证它们,所以form.valid应该保留false直到两个输入都有(有效的)数据。

我尝试通过,ngDefaultControl因为我在一些示例中看到了它,甚至required在我的自定义组件的实例化和里面没有运气。

我看到了其他示例,这些示例演示了如何ngModel通过使用NG_VALIDATORS和使用自定义组件NG_VALUE_ACCESSOR以及不使用什么,但我想知道是否可以通过我自己的 2 路数据绑定而不是[(ngModel)]从外部使用来实现它。

附上我的plnkr