-
-2 votesanswersviews
Angular 4表单验证和错误消息
我必须在我的应用程序中实现表单验证 . 我正在使用角度4.我的应用程序中还有10个表单 . 我不知道我的问题是否有效 . 我真的很困惑这个实现 . 我的问题:我需要在表单字段中添加验证,包括强制和验证,如电子邮件,电话号码等 . 如果用户输入表单,用户知道某些字段,用户可能不知道需要填写其他字段 . 但是需要保存有效字段并需要在表单中显示错误消息 . 我如何在前端实现我使用Angular 4和后端... -
1 votesanswersviews
Angular 5在模板驱动的表单输入上设置默认值
我在设置模板驱动表单输入的值时遇到问题 . 该值来自 editMovie 对象 . 我希望表单在显示时填充editMovie值,然后用户可以编辑editMovie对象的一部分或保持相同 . 正确地为没有附加 [(ngModel)] 但是's that do won' t设置默认值的输入正确设置了表单值 . 这是一个例子: <div class="form-group"&g... -
2 votesanswersviews
如何以角度方式禁用模板驱动表单中的所有字段
我用角度5创建了一个模板驱动的表单 我想首先禁用整个表单,并且还希望在单击某个按钮后启用表单,因此我在表单标记中添加了一个禁用的属性,并使其值为false,如下所示(这不起作用)虽然): <form #formName = "ngForm" [disabled]="true"> </form> 由于上面的禁用属性不起作用,我将禁用的... -
1 votesanswersviews
角度反应形式 - 以多种形式使用相同的形式控制
我有一个带有ngSwitch的组件,其中包含3个表单(loginForm,signupForm和forgotForm),其中我使用相同的电子邮件控件 . email: FormControl = new FormControl(null, [ Validators.required, Validators.email ]); password: FormControl = new ... -
4 votesanswersviews
将Angular Reactive FormControls传递给Children Components
我有一个父组件,我想创建和存储我的Reactive Form . 表单数组中将有多个表单组实例 . 我想将表单控件从每个表单组传递给子组件,但我很难弄清楚如何执行此操作 . 这是一个Stackblitz,展示了我想做的事情 . 此外,某些字段仅适用于某些'makes'汽车,这就是为什么我的html中有以下行: <input type="text" *ngIf="... -
1 votesanswersviews
Reactive Form确认密码并确认Email Validator angular 4
我需要使用反应形式角4来检查密码和确认密码字段是否具有相同的值 . 我确实在这里看到了很多答案,Angular 4表格验证了重复密码,比较验证器中的字段和angular 4,但似乎没有一个对我有效 . 面对问题,如何结合确认电子邮件和确认密码验证器在被动方法 . 工作正常要么确认电子邮件或确认密码 . this.addEmpForm = new FormGroup({ 'name': ... -
0 votesanswersviews
Angular 6 Reactive Form,FormArray Async Validator无法突出显示FormControl
我在FormGroup中有一个FormArray,每个FormArray都有多个FormGroup,可以动态添加它们 . 我有一个异步验证器,它需要FormGroup中的所有数据来验证最小的payRate,目前有一个虚拟的异步验证器,它不使用所有的FormGroup值,但需要它们进行API调用 . 问题来了,因为如果我想要FormGroup的所有数据,我需要将Async Validator添加到F... -
1 votesanswersviews
FormGroup中的Angular 2/4 FormControl无法在带有标签的表单上显示
我不明白该怎么做 console.log具体值 显示在HTML页面上的标签中 在输入文本中显示 这是我的Component Typescript与新的FormGroup,然后是新的FormControls this.trackerForm = new FormGroup({ session: new FormControl('', Validators.requir... -
2 votesanswersviews
如何使异步数据与角度中的动态表单模式一起工作
我正在使用 Angular 中的动态表单模式,我们拥有各种形式。这对我们来说是一种方便的方式,因为我们只需要在ngOnInit中定义控件,它将动态构建我们需要的表单。但是,有些表单必须初始化值,并且可以使用 async/await 检索某些值。 这是动态表单的问题,因为当我初始化异步数据时,它会在控制台上抛出错误,并且表单不会显示在视图上。 我试图在 ngOnInit 上添加 async 并等待异... -
2 votesanswersviews
Angular 4反应形式 - FormArray在FormArray中无法获取路径
几天以来,我一直在尝试创建一个表单,该表单将允许用户创建产品,同时产品的变体可能与母产品具有不同的价格 . 例如,大小部件是10英镑,小小部件是5英镑 . 每次我最终得到的是FormArray中的FormArray,换句话说,我有一个包含各种变体的产品,这些变体有价格,但也有一系列属性 . 问题出现在我尝试添加控件时,我可以得到变化价格以便显示正常,但我无法获取路径以添加各种各样的各种变量控制,我... -
1 votesanswersviews
Angular 6 Reactive Forms自定义验证器错误从其OWN数据中显示
我在FormGroup中有一个FormArray,每个FormArray都有多个FormGroup,可以动态添加它们 . 我有一个自定义验证器,它检查每个FormArray中的所有数据,以验证数据的重复 . There's an issue with it, the single FormGroup in FormArray is comparing it to all the data in... -
0 votesanswersviews
如何在Angular反应形式内的mat-form-field中使用输入类型=数字输入/显示'thousands'逗号的值?
摘要问题: (问题仅适用于输入类型='数字') 如何在mat-form-field中使用类型=数字的输入的formcontrol来输入/显示'thousands'逗号(例如,2,333,444)的值,该mat-form-field位于Angular反应形式中? 考虑反应角形式: <form [formGroup]="myForm"> <mat-form-... -
2 votesanswersviews
没有不可变对象的推送时的角度变化检测策略
我一直在阅读一些关于变化检测策略的文章,但我对在推送策略中使用哪些情况有一些疑问 . 基本上我的疑问是关于什么时候我们有嵌套组件绑定不是不可变的对象 . 我有两个嵌套组件,一个父组件和一个子组件,两者都在推送时具有更改检测策略 . 我作为formGroup的子组件的输入传递 . 当我在父组件上将表单设置为启用,然后我调用ChangeDetectorRef.detectChanges()(应检查更改... -
0 votesanswersviews
Angular ngif模板参考
我有一个ngif - else条件来显示 #input1 或 #input2 . 然后在一个ngif中包含一组字段 #fieldset ,其条件是 #input1 或 #input2 具有使用模板引用的值 . 这失败为ng-if creates its own subtemplate,"hiding" #input1 和 #input2 . 我不想在if和else块中... -
3 votesanswersviews
动态嵌套表单控件Angular 2
我的API响应是这样的 "groups": [{ "group_name": "GRP1" "attributes": [{ "attribute_id": 1, ... -
2 votesanswersviews
具有多个字段的角度模板驱动表单验证
假设我有一些带有一些字段的简单形式(Stackblitz example): @Component({ selector: 'my-app', template: ` <h1>AppComponent</h1> <form> <h2>UserData</h2> <userdata [user]="mod... -
21 votesanswersviews
Angular 4 - 在选择列表中使用对象作为选项值
我知道有类似的问题已被提出,但我找不到一个好的答案 . 我想以Angular形式创建一个选择列表,其中每个选项的值是一个对象 . 另外,我不想使用2路数据绑定 . 例如如果我的Component有这些字段: lUsers: any[] = [ { Name: 'Billy Williams', Gender: 'male' }, { Name: 'Sally Rid... -
4 votesanswersviews
formGroup需要一个FormGroup实例:angular 4
我在角度4中创建了一个formGroup,其中用户和组织存储在对象中 . 现在我想使用这两个对象填充我的表单组 . 在我的ts中,我做了以下事情: createForm(user: any) { this.userForm = this.fb.group({ name: user.profileData.name, email: user.profileData.e... -
0 votesanswersviews
当组件来自外部模块时,Angular 4无法看到值访问器
我有两个npm包: components 和 app . components 应该包含可在多个应用程序中使用的可重用组件 . 我希望一些组件能够很好地与NgModule配合使用 . 我有一个像这样定义的测试控件: ///组件包 export const VALUE_ACCESSOR: any = { provide: NG_VALUE_ACCESSOR, useExisting: ... -
1 votesanswersviews
angular 更改输入元素的有效条件
我有一个有形式的角度应用程序。我有一个输入字段,用户可以在其中输入字符串并单击添加按钮,然后解析输入,验证输入并将其添加到表单的模型中。输入元素[1]绑定到组件上的瞬态变量属性。成功验证后,瞬态变量的值将被清除,以便用户可以输入另一个要添加到模型中的项目。 瞬态变量是必填字段的输入字段,因为如果您从未向模型添加新项目,则无法提交表单。 我想更改输入元素的有效条件,以便在模型中添加至少一个新项时,... -
1 votesanswersviews
存储数据的角度反应形式
之前我使用过模板驱动的表单,我对于反应式表单如何将数据存储到我的数据库感到有些困惑。最初我会使用**[1] =“user.date”**。如何在提交时存储数据?我建了一个如下: this.formGroup = this._formBuilder.group({ formArray: this._formBuilder.array([ this._formBuilder.group({... -
0 votesanswersviews
形式或组内的角度嵌套形式
我有几个共享公共部分的表单。我将这些常用部分放在组件中并使用'viewProviders'来访问父表单: @Component({ selector: 'sub-form', ... viewProviders: [ { provide: ControlContainer, useExisting: NgModelGroup} ] }) 问题是我需要使用该组件隐藏组并直接在表单内部,... -
0 votesanswersviews
从总行数中获取总计
我很困惑如何在所有行上选择所有总数并自动计算总计?就像我在总计中做的那样,我只是得到了价格和数量的价值但是如何选择所有这些我能够自动计算。如何添加所有总行的总计? HTML <div class="card-block" formArrayName="rows"> <table class="table table-bor... -
3 votesanswersviews
为什么我们将[1]指令应用于 square-brackets 下的表单,而对于 form-fields 我们应用不带 square-brackets 的 formControlName 指令?
我正在关注一个关于反应形式的 Angular 4 教程。在使用 FormGroup 和 FormControl 指令时,我发现不一致 - <form [formGroup]="formObj"> <div class="form-group"> <input formControlName="username"... -
0 votesanswersviews
在 Angular 中组合嵌套表单组时,不会触发 ValueChanges
请考虑以下情形: 有两个表单组(“地址”和“客户”),每个表单组有一个表单控件(文本字段)。它们被重复使用并组合成两个其他形式组(“借记”和“信用”)。 动机是我可能想要为不同的表单组合不同的表单组(例如,某些组需要地址组而另一些不需要),或者为不同的表单组引入不同的验证器。 码: app.component.html: <div class="container">... -
0 votesanswersviews
如何在角度2中使用谷歌输入工具?
public marType; ngDoCheck() { console.log('translated', this.marType); } <script type="text/javascript" src="https://www.google.com/jsapi"></script> <scri... -
0 votesanswersviews
以Angular编辑表单
请帮忙!!我发现编辑表单非常困难 . 我使用反应式表单并将数据添加到表单并发送到数据库非常有效 . 现在我想查询数据库中的数据,以便我可以编辑它并再次发送 . 数据是以json对象的形式从数据库中获取的,我试图将它分配给表单组变量,这样我就可以在表单中显示数据并发送它,但是我收到了错误 . 我也尝试使用模板驱动表单显示数据 . 它适用于输入字段中的值,但只要我尝试使用ngModel绑定数据,输入字... -
0 votesanswersviews
将自定义组件添加到被动表单的FormGroup的正确方法是什么?
我在包装mat-select的自定义组件上使用formControlName时遇到很多问题 . 现在看来我的自定义控件无法找到表单组?即使自定义元素嵌套在formGroup下 . 我有StackBlitz 但问题出现在我将自定义组件嵌套在formGroup下时,所有其他控件都可以找到formGroup但我的自定义组件似乎无法找到 . <form novalidate [formGroup]=... -
3 votesanswersviews
Angular Material表单控制mat-select - mat-option,设置更新项目的默认选项?
我有一个带有垫选项的垫子选项,我正在构建一个可重复使用的组件,我可以在那里编辑任何项目 . 我正在尝试填写表单默认值,但在文档中查找30分钟并尝试各种操作后,我似乎无法以任何方式设置默认选择的选项 . <mat-form-field> <mat-select [selected]="isSelected()" formControlName=&... -
-1 votesanswersviews
当表单字段处于活动状态时,角度材质表单字段轮廓输入颜色更改
问题陈述:我正在实施Angular材料 mat-form-field 属性 . 我将Form字段外观作为大纲 . 我正在尝试在选择输入时更改输入边框的颜色 . 预期的行为 . 选择输入时,输入字段轮廓边框颜色应更改 . 我希望在表单字段处于活动状态时将轮廓的颜色更改为黑色 . 当前行为:现在它在表单字段处于活动状态时显示角度材质默认主色 . 这都是我的依赖 { "dependenc...