angular-forms 相关问题

与Angular模板或反应形式相关的问题。

如果角度数据(非反应性数据)已更改,则进行检测

我具有Angular形式(非反应性),数据绑定在ngModel中: 执行此操作,检查是否有脏标志,它告诉表单是否脏 <button type="submit" [disabled]="!form.dirty">Save</button> 如果更改其中的某些值,表单将变脏。 在此处查看详细信息:https://angular.io/guide/forms 根据您的评论,“但是如果我删除输入中的1个符号然后再次对其进行加权(值相同,但是格式已更改)怎么办?”我建议这种解决方案。 一般的想法是将表单的初始值存储为单独的对象(只需克隆它)。然后创建一个布尔函数,该函数简单地遍历键值并将比较的数据与初始数据进行比较。之后,只需将此功能的结果绑定到您的提交按钮[disabled]="yourCheckMethod(form.value)“。 您可以使用以下原始属性进行尝试: <button type="submit" [disabled]="form.pristine">Save</button> 此属性检查表单自加载以来是否已更改。

回答 3 投票 12

在一个指令中格式化和验证

我正在尝试建立一个指令来处理涉及工期的表格。我希望该表单与一个文本框一起显示,该文本框的格式类似于1:24,但是总分钟数的值-因此在此...中为144 ...

回答 1 投票 1

如何检测我的formGroup中的哪个输入字段处于模糊状态,Angular 9

我有一个带有formgroup的表单,我在表单的每个输入上添加了模糊事件。我如何检测模糊的哪些特定输入? html文件:-

回答 2 投票 0

Angular-您可以在没有初始值的FormControl上使用验证器吗?

我有一个没有初始值的FormControl,但我想向其中添加Validators.required。初始值是第一个参数,是否必须给它一个初始值? (空字符串,false,...

回答 1 投票 0

在嵌套的json中注册角度形式

我正在尝试将html表单转换为嵌套的json。这些是我的类:导出类Config {id:string;名称:字符串;电子邮件:字符串; lchart:ComponentLinechart; }出口类别...

回答 2 投票 0

在Angular中上传文件时请求内容类型吗?

我有一个带有文件输入的表格。求和时,我将其上传到我的API,如下所示:const formData = new FormData(); formData.append('file',this.fileToUpload,this.fileToUpload.name);这....

回答 1 投票 0

如何动态更改ngrx表单中的表单ID?

此问题与ngrx表单有关。如何动态更改ngrx表单中的表单ID?我有一个表格数据列表。表格中的每一行都包含不同产品的详细信息。 (每行...

回答 1 投票 1

如何将数据从html表单元素传递到角度类

我使用的是angular 9,我需要将HTML表单数据绑定到angular类。我有以下角度类:导出接口MyData {field1:string,textArea1:string,textArea2:...

回答 1 投票 0

对有效控件无效的角形式

我正在使用现有值创建一个from组:this.form = new FormGroup({field1:new FormControl({value:obj?obj.value:null,disable:obj},Validators.required…...] >

回答 2 投票 0

当字段来自ngSwitch选择的子组件时如何验证表单

我在下面的模态窗口中有一个窗体,并且从ngSwitch中选择了模态主体内的窗体字段。我想根据我的字段是否来自...来禁用或启用保存按钮。

回答 1 投票 0

Angular 9-即使正在导入FormsModule和FormBuilder,也不能绑定到'formGroup',因为它不是'form'的已知属性

我会先说我的第一篇文章被某业障人关闭,在我提供的解决方案不起作用时,我的帖子被关闭了。和链接的“重复”帖子...

回答 1 投票 0

Angular:有关以编辑形式进行数据绑定的问题

我正在建立一个编辑表单,该表单必须在初始化时填充输入字段。这是组件ts文件。从'@ angular / core'导入{Component,OnInit,HostBinding}; import {集合} ...

回答 1 投票 0

我如何将rxjs运算符与ngrx-form一起使用?

[[这个问题与ngrx格式有关]问题1.想象这是我的reducer.ts //reducer.ts import {Action,CombineReducers} from'@ ngrx / store';导入{createFormGroupState,...

回答 1 投票 0

Angular:设置用于单元测试的FormArray的起始值

我正在尝试对我创建的此方法进行单元测试,该方法在一系列复选框中的一个复选框更改时引发。我们将事件传递给我们,确定该值,以及是否已选中该复选框...

回答 1 投票 0

提交表格Angular后如何显示用户名

我需要在显示和向我的应用程序中添加值时需要帮助,如何从app.component.ts中获取变量以显示我尝试刷新应用程序,但似乎没有任何效果。我一直在谷歌搜索,但不能...

回答 1 投票 0

角度:未捕获的错误:模板解析错误:没有将“ exportAs”设置为“ ngModel”的指令

我正在使用Angular模板驱动的表单,但出现以下错误:editor.js:2175未捕获的错误:模板解析错误:没有将“ exportAs”设置为“ ngModel”的指令,我的html:

回答 2 投票 -1

Angular formControl-在ngfor循环的特定行中设置一个值

请在此处参阅完整的代码,在stackblitz上。当将第一个columnm下拉列表修改为Model时,会发现第3列显示了模型列表。单击添加行按钮->第二行,...

回答 1 投票 1

表单组件外部的提交按钮

我的提交按钮位于表单和其他组件之外。问题是我不知道如何使它工作。这是我的示例代码和Stackblitz演示组件Component One(HTML)

回答 1 投票 -1

Angular-自定义验证不会显示错误消息

对于我的Form,它只有一个输入,这是一个文本区域,用户在其中输入JSON代码,如果Text不是有效的JSON,它应该显示一条错误消息,但由于某种原因它将无法正常工作。任何...

回答 1 投票 0

如何在formcontrol中设置默认布尔false

在formcontrol(主字段)中将默认布尔值设置为false false。this.contactForm = new FormGroup({name:new FormControl('',[Validators.required]),contact:new FormControl('',[Validators ....

回答 3 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.