angular4-forms相关内容

Angular2/4 post 方法不起作用

我是 angular2/4 web api 的新手.我想使用 angular 4 web api http 将一些数据保存到数据库中.当我从 angular 调用 GET 方法时,它工作正常,但不适用于 POST 方法.我得到 415 Unsupported Media Type.All 时间,但是当我使用邮递员时,post 方法工作正常,因为我将内容类型更改为 application/json. ..

如何在角度 4 退出时实现确认?

我想知道如何实现退出时确认组件,以便在页面刷新或离开选项卡或窗口或屏幕时我可以执行退出时确认方法,以便如果用户单击确定他会离开屏幕,点击NO他会留在同一个屏幕上? 我在这里使用的代码是: import { Component, OnInit, Input, Output, HostListener } from '@angular/core';@成分({选择器:'确认退出',templat ..

自定义控件中的 setValidators 没有来自 Angular 中的引用

我创建了一个自定义输入控件.我不想创建任何自定义验证.我想使用默认的必需、minLength、maxLength 等.我知道我可以这样做 this.form.controls["firstName"].setValidators([Validators.minLength(1), Validators.maxLength(30)]); 但我无法从父组件发送表单引用.如何在文本框组件中使用 se ..

在 Angular 2+ 中对 FormArray 对象进行排序的理想方法是什么?

我有一个由多个表单组组成的 formArray.我需要根据数组中每个表单组中存在的布尔字段对数组进行动态排序. 布尔字段是一个复选框,在任何给定的时间点只能选中一个复选框(模仿单选按钮).因此,当单击复选框时,我需要根据选择的那个对 formArray 进行排序. 我知道文档建议不要弄乱 formArray 中存在的 AbstractControls[],那么动态排序数组的理想方法是什 ..
发布时间:2021-11-08 21:13:50 其他开发

如何以 4/6/7 角度在表单提交上传递所有选中的复选框值

我想在不使用 change() 或 click() 函数的情况下获取组件中表单的所有选中项,因为它无法获取已选中的项. 这是我在 TS 中的数组: PartyRoles = [{编号:1,名称:“供应商",检查:正确},{编号:2,名称:“客户",检查:正确},{编号:3,名称: "发货人",检查:错误}] 我的 HTML 表单: ..
发布时间:2021-11-08 21:12:23 其他开发

Angular 中的图表 2+

我想创建一个类似于我所附图片的图表,或者可能是条形图.我正在使用 Angular 4,但我不知道 Angular 中的图形.是否提供参考链接或一些示例代码? [![图表][1]][1] 解决方案 我们可以通过使用 Syncfusion angular-charts 来满足您的要求.有关Syncfusion angular-charts 的更多详细信息,请查找随附的演示和 FT 链接. ..
发布时间:2021-11-08 21:10:35 其他开发

有条件地在Angular 4的Reactive表单内的单选按钮组中禁用单选按钮

我在组件中创建了一个反应式表单,并在其上定义了一些 formControls . 现在,我需要根据某些条件从单选按钮组中禁用一个单选按钮. 在创建 formControl 时该怎么做? PFB代码段: createForm(){this.heroForm = this.fb.group({confirmActionRadioGrp:this.fb.group({updateA ..

错误:初始化后无法更改选择的“多重"模式

错误图片: 当我在选择下拉列表中使用倍数时,它可以正常工作,但是当我使用[倍数]时,它只能以我的编辑形式工作,而不能以加法形式工作.它给出了以上错误-错误:无法更改倍数初始化后的选择模式.请帮助我进行梳理. 解决方案 此问题有一个非常丑陋的解决方法,将您的mat-select变形为* ngif = true,然后使用被包装为Multiple的属性创建重复项* ngif =!true就 ..

自定义表单输入未绑定到模型

我试图在Angular 4中输入自定义表单输入.这是一个简单的示例,但是我无法使组件绑定到ngModel.我可以从父控制器传递此组件的默认值,但是当我在此输入中更改值时,UI会注册更改,但是控制器中的模型未显示新值. 这是我的自定义组件: import从'@ angular/core'导入{组件,输入,forwardRef,输出,EventEmitter,ElementRef,渲染器 ..
发布时间:2021-04-06 20:47:01 其他开发