问题标签 [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 回答
74 浏览

javascript - 基于一个数组对象键和其他数组对象值再创建一个新数组?

我有两个这样的数组

基于 checkfilter== true 我想像这样生成第三个数组

arr3 = `

` 我试图像这样解决这种情况,但它并不完美

输出数组值不应包含任何重复项,我用于每个循环,是否有任何最佳实践来解决这种情况,例如减少循环,因为上面的数组长度很大,如果我使用更多循环,它会增加加载时间,所以请让我知道如何巧妙地解决这个问题

提前致谢

0 投票
1 回答
930 浏览

angular - 如何在Angular 4中单击按钮时在两个不同组件之间传递值(不更新路由URL)

我是 Angular 4 的新手,在不使用 AcitvatedRoute 的情况下单击按钮时将数据从一个组件传递到另一个组件时卡住了(没有在 URL 中传递数据)

我的 searchOption.component.html 包含提交按钮的以下代码:

我的 searchOption.component.ts 存储以下代码:

我的要求是单击按钮将 this.selectedAcc 传递给另一个组件 searchDetails.component.ts 。

0 投票
0 回答
167 浏览

angular - 当我在 Angular 4 应用程序中选中或取消选中复选框时,值会自动更改

我正在开发一个 Angular 4 应用程序。

当我更改表单数组中的汽车数量时,它会自动更改表单数组中存在的每张卡片的数量。

HTML

打字稿

使用此代码,一切正常,当我单击复选框时,在表单中输入一个新控件,但问题是单击复选框时,即使选中/取消选中它也会使其他汽车计数为 1。我不明白这个问题。

0 投票
1 回答
611 浏览

angular - Angular 4 & Froala:防止空用户输入

我们在我们的 angular4 应用程序中使用 froala 编辑器,我在尝试验证编辑器的内容时​​遇到了困难。基本上我们要禁止在编辑器中只输入空格、制表符或输入字符的用户。

我尝试了以下代码但没有成功:

无论我在做什么,我仍然得到

当用户输入两次空格键并验证时。是否有任何修剪功能或类似功能?多谢

0 投票
1 回答
2722 浏览

angular - Angular 4填充下拉菜单不起作用

在我的组件中,我从 REST 获得响应,但无法在下拉列表中填充相同的响应。

零件:

在控制台上我得到:结果是: ["Software Developer","Support Engineer"]

HTML选择/下拉:

我的屏幕上出现空的选择框。请帮忙。我关注了很多帖子,但没有帮助。提前致谢。

0 投票
1 回答
2051 浏览

angular - 形式误差角 4

我是 Angular 4 的新手。我在这里陷入了困境。我收到如下错误。

我在这里遵循的代码是

HTML

在 Typescript 文件中我正在执行此操作已导入

实际上我在早期的组件中做了类似的表格,它工作正常我删除了 ngmodel、ngmodelChange 并且仍然显示相同的错误。

尝试了错误中给出的独立选项,但仍然显示相同的错误。

我在这里错过了什么吗。请帮忙,谢谢

0 投票
0 回答
63 浏览

angular - 如何检查多个用户,然后使用 Angular 4 和打字稿返回所有检查过的用户?

我想显示所有员工,然后检查缺勤情况,然后返回缺勤人员

这是我的表格:

组件.ts:

我显示了所有员工(attendance.Emp_Name),并在每个员工旁边显示了他的复选框,如果他缺席,那么我会检查它.. 我怎样才能使用 Angular 4 只返回检查过的员工?现在 isAttend 记录为空

0 投票
1 回答
229 浏览

angular - 为什么 Angular FormControl 在 DOM 中设置为“禁用”而不是“必需”?

我已将表单逻辑从模板移到 FormGroup 和 FormControl 对象中。当我禁用 FormControl 时,Angular 也会更新disabledDOM 中字段的属性。但是,当我将控件的验证器更新为包含/排除时,DOM 中Validators.requiredrequired属性不会更新。

只是想知道这是为什么?我需要这两个设置,否则 Angular Material 不会使用“*”为字段设置样式,告诉用户它是必需的。

0 投票
2 回答
1695 浏览

c# - 如何在 .NET Core 中使用 Angular 4 在同一个提交中发布表单数据和文件

我正在尝试在供应商表中添加一个新条目。该表还有另一个与之链接的表,其中存储了与每个供应商的合同。所需的功能是以相同的形式提交新供应商和合同的数据,但我无法使其工作。

我可以通过以另一种形式单独上传文件,但不能在同一个提交操作中添加新供应商并在合同之后添加。

我怎样才能做到这一点?

我的表格如下所示:

我已经为文件和其他表单字段尝试了很多选项和组合,但没有一个有效。

我的 ts 文件读取文件输入,如下所示:

我的服务:

在我的 C# 控制器中,我尝试了:

我在哪里添加了新属性

在 FurnizorResource 中,但如果我这样做,furnizorResource 未映射并且为空。

我也尝试单独发送它们(只是为了尝试):

(这显然不起作用,因为在 Angular 服务中我无法发送 2 个“body”元素)。使用这种方法,furnizorResource 数据是正确的,但文件当然是空的......

如何在 Angular 4.3.6 和 ASP.NET Core 2 中同时发布 Json 数据和文件?

0 投票
0 回答
1251 浏览

angular - 对于角度 4 中的 SELECT 输入,获取“md-form-field 必须包含 MdFormFieldControl”错误

我试图将 SELECT 输入元素放在 md-form-field 内,但它抛出错误

ERROR 错误:md-form-field 必须包含 MdFormFieldControl。您是否忘记将 mdInput 添加到本机输入或 textarea 元素?

所以我尝试mdInput在 select 中添加,但它不起作用并且仍然抛出相同的错误

请任何人都可以告诉我为什么 md-form-field 不适用于选择如何解决这个问题?

我可以看到另一个名为 的表单字段,和<mat-form-field>之间有什么区别md-form-fieldmat-form-field