问题标签 [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.
javascript - 基于一个数组对象键和其他数组对象值再创建一个新数组?
我有两个这样的数组
基于 checkfilter== true 我想像这样生成第三个数组
arr3 = `
` 我试图像这样解决这种情况,但它并不完美
输出数组值不应包含任何重复项,我用于每个循环,是否有任何最佳实践来解决这种情况,例如减少循环,因为上面的数组长度很大,如果我使用更多循环,它会增加加载时间,所以请让我知道如何巧妙地解决这个问题
提前致谢
angular - 如何在Angular 4中单击按钮时在两个不同组件之间传递值(不更新路由URL)
我是 Angular 4 的新手,在不使用 AcitvatedRoute 的情况下单击按钮时将数据从一个组件传递到另一个组件时卡住了(没有在 URL 中传递数据)
我的 searchOption.component.html 包含提交按钮的以下代码:
我的 searchOption.component.ts 存储以下代码:
我的要求是单击按钮将 this.selectedAcc 传递给另一个组件 searchDetails.component.ts 。
angular - 当我在 Angular 4 应用程序中选中或取消选中复选框时,值会自动更改
我正在开发一个 Angular 4 应用程序。
当我更改表单数组中的汽车数量时,它会自动更改表单数组中存在的每张卡片的数量。
HTML
打字稿
使用此代码,一切正常,当我单击复选框时,在表单中输入一个新控件,但问题是单击复选框时,即使选中/取消选中它也会使其他汽车计数为 1。我不明白这个问题。
angular - Angular 4 & Froala:防止空用户输入
我们在我们的 angular4 应用程序中使用 froala 编辑器,我在尝试验证编辑器的内容时遇到了困难。基本上我们要禁止在编辑器中只输入空格、制表符或输入字符的用户。
我尝试了以下代码但没有成功:
无论我在做什么,我仍然得到
当用户输入两次空格键并验证时。是否有任何修剪功能或类似功能?多谢
angular - Angular 4填充下拉菜单不起作用
在我的组件中,我从 REST 获得响应,但无法在下拉列表中填充相同的响应。
零件:
在控制台上我得到:结果是: ["Software Developer","Support Engineer"]
HTML选择/下拉:
我的屏幕上出现空的选择框。请帮忙。我关注了很多帖子,但没有帮助。提前致谢。
angular - 形式误差角 4
我是 Angular 4 的新手。我在这里陷入了困境。我收到如下错误。
我在这里遵循的代码是
HTML
在 Typescript 文件中我正在执行此操作已导入
实际上我在早期的组件中做了类似的表格,它工作正常我删除了 ngmodel、ngmodelChange 并且仍然显示相同的错误。
尝试了错误中给出的独立选项,但仍然显示相同的错误。
我在这里错过了什么吗。请帮忙,谢谢
angular - 如何检查多个用户,然后使用 Angular 4 和打字稿返回所有检查过的用户?
我想显示所有员工,然后检查缺勤情况,然后返回缺勤人员
这是我的表格:
组件.ts:
我显示了所有员工(attendance.Emp_Name),并在每个员工旁边显示了他的复选框,如果他缺席,那么我会检查它.. 我怎样才能使用 Angular 4 只返回检查过的员工?现在 isAttend 记录为空
angular - 为什么 Angular FormControl 在 DOM 中设置为“禁用”而不是“必需”?
我已将表单逻辑从模板移到 FormGroup 和 FormControl 对象中。当我禁用 FormControl 时,Angular 也会更新disabled
DOM 中字段的属性。但是,当我将控件的验证器更新为包含/排除时,DOM 中Validators.required
的required
属性不会更新。
只是想知道这是为什么?我需要这两个设置,否则 Angular Material 不会使用“*”为字段设置样式,告诉用户它是必需的。
c# - 如何在 .NET Core 中使用 Angular 4 在同一个提交中发布表单数据和文件
我正在尝试在供应商表中添加一个新条目。该表还有另一个与之链接的表,其中存储了与每个供应商的合同。所需的功能是以相同的形式提交新供应商和合同的数据,但我无法使其工作。
我可以通过以另一种形式单独上传文件,但不能在同一个提交操作中添加新供应商并在合同之后添加。
我怎样才能做到这一点?
我的表格如下所示:
我已经为文件和其他表单字段尝试了很多选项和组合,但没有一个有效。
我的 ts 文件读取文件输入,如下所示:
我的服务:
在我的 C# 控制器中,我尝试了:
我在哪里添加了新属性
在 FurnizorResource 中,但如果我这样做,furnizorResource 未映射并且为空。
我也尝试单独发送它们(只是为了尝试):
(这显然不起作用,因为在 Angular 服务中我无法发送 2 个“body”元素)。使用这种方法,furnizorResource 数据是正确的,但文件当然是空的......
如何在 Angular 4.3.6 和 ASP.NET Core 2 中同时发布 Json 数据和文件?
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-field
mat-form-field