-
1 votes1 answers427 views
反应形式的多个自定义验证器角度2
我在 reactive form 中有两个自定义 validator ，我在下面调用函数在组件构造函数中创建表单： private createForm(): void { this.passwordUpdateForm = this.formBuilder.group({ newpassword : [null, Validators.required], passwordcon... -
1 votes1 answers192 views
角度反应形式和自定义验证器错误
在我的Angular 4应用程序中，我有一个custom form validator，如下所示： import { AbstractControl, ValidationErrors, ValidatorFn } from '@angular/forms'; export function myCustomValidator(myCustomArg: string): ValidatorFn ... -
2 votes1 answers1774 views
反应表单中的自定义验证器控制数量
我很难在Angular中的反应式表单中实现自定义验证 . 我需要控制数量 . 数量不应超过可用数量 . 问题如果每行有子行，我如何得到所有数量的总和 . 我如何计算子总数并将其与找到可用数量的父行进行比较 . 这是我下面的代码 . 这里也是我的代码的链接PLEASE CLICK THIS LINK customValidator(campo1: string) { return (grou... -
3 votes3 answers1424 views
Angular 6：'t bind to ' formGroup ' since it isn' t 'form'的已知属性？
我已经使用了角度为2/4的表单构建器，但是现在我在角度6中使用它 . 我已经看到了这个问题（Can't bind to 'formGroup' since it isn't a known property of 'form'）但它是针对角度2.我对角度4做了完全相同但是我得到了这个错误 . 请帮忙：我的代码是： app.module.ts: ( I have exported FormsModu... -
0 votes0 answers403 views
Angular Reactive Forms会不一致地处理未定义的值吗？
TL,DR; 根据在Angular Reactive Forms中实现双向绑定的方法，未定义的值的行为会有所不同 . 有关演示，请参阅this StackBlitz . Detail SO问题，How to correctly 2-way-bind with reactive forms?，received an answer陈述...... 没有理由不混合formControlName和ng... -
2 votes3 answers1502 views
如何在输入字段中添加验证，以便多个输入字段的值不应相同？
我的html输入字段是'm repeating angular material'，因此我使用 <mat-error> 来显示错误消息 . 我实际上是在我的代码中使用模板驱动的表单，看看我到目前为止创建的输入字段的表单： <div *ngFor="let distanceVal of distanceArray;let i=index" layout-gt-... -
1 votes1 answers200 views
使用Angular 5 Form Group和Array更新数据
我使用Angular FormGroup和FormArray允许用户添加FormGroup的新实例并编辑当前表单 . 我无法弄清楚如何更新数据 . 看到这里.. https://stackblitz.com/edit/form-array-patch-jfb9f8?file=app/app.component.html 我可以在单击"Add"按钮时追加表单的新实例，但是在保存数... -
1 votes1 answers741 views
根据其他表单控件更新Angular Reactive Form禁用字段的值
我在Angular中使用Reactive Forms，并且具有基于其他字段/表单控件的值计算的禁用表单控件 . 如何更新该禁用字段的值，因为它的相关字段的值会更改 . 计算正在进行，但我需要它来订阅其他字段的更改 . 我创建FormGroup的函数如下所示： createBasket(basket: any) { return new FormGroup({ length: n... -
4 votes0 answers1236 views
Angular 2不会自动更新FromGroup值
我正在使用Angular的最新版本2.0.0，基本上我有一个组件初始化其表单模板的值，该模板由输入文本框和带有两个输入文本框的FormGroup的formArray组成 . 初始化完成后，绑定工作正常，但是当我将一个新的FormGroup推送到formArray时，表单值不会反映新添加的项目，直到我在最初绑定的某个文本框中进行某些值更改 . 为什么这种行为以及如何在添加一些动态FormGroup时... -
1 votes2 answers225 views
Angular Forms反应 - 交叉控制验证
我正在使用角度为5的反应形式的验证器，并且难以设置基于另一个输入的值的验证器 . 表单看起来像这样： let myRules = new FormArray([]); myRules.push(this.newRuleFormGroup(1, 'period', 1)); this.myForm = new FormGroup({ 'name': new FormControl(na... -
1 votes1 answers785 views
将AbstractControlDirective实例作为@ContentChild注入自定义指令
我有这样的表单控件： <input formControlName="myName" dynamicDisable> 然后是自定义指令： @Directive({ selector: '[formControlName][dynamicDisable] }) export class DynamicDisableDirective implements... -
0 votes0 answers38 views
基于JSON的Angular Reactive Forms中的嵌套FormArray
我有JSON结构如下...... data = { groups: [ { name: 'Primary', people: [ { name: 'Jordan', begCount: 23, endCount: 41 }, { ... -
2 votes3 answers953 views
如何在组件输入是嵌套对象数组时检测更改？
我正在开发一个Angular应用程序，我会使用 ngOnChanges 在组件的输入发生变化时收到通知 . 在我的情况下，它没有被触发，因为我有一个嵌套对象数组作为组件的输入 . 我有一个组件，其中我使用两个子组件，使用两个 FormControl 相同的父 FormGroup . 我将第一个formControl的 value 传递给第二个子组件，但由于在数组修改时没有发生更改检测，因此无法在... -
2 votes1 answers414 views
用于更新数据的Angular Reactive Forms输入的默认值是'undefined'，虽然绑定到value属性而不是占位符
我在Angular中创建了一个可重用的组件，我用它来构建多个表单，以便快速修改多个数据项 . 我在这个组件中有2个输入字段，当我在使用* ngFor的数组上进行迭代时，我通过输入属性进行绑定 . 一切都很好，并且可以很好地使用ID并显示数据，但我遇到的问题是当我推动更新这两个字段的值时显示为'undefined'（除非我修改它们） . 我的标记是： <input #catTit... -
4 votes2 answers504 views
角度输入必需字段不起作用
我有一个用于创建新实体的表单，如下所示： <form #createAppForm="ngForm" (ngSubmit)="createApplication(createAppForm.value)" autocomplete="false" novalidate> <div ... -
0 votes0 answers1189 views
Angular听取触及的儿童组件
我在Angular 4应用程序中有一些自定义组件，它们都实现了ControlValueAccessor并使用NgModel . 我有一个包含两个子组件的父组件 . 子组件以及父组件都实现了ControlValueAccessor接口，父组件可以监听子组件上的 (ngModelChange) 并激活它自己的 onChangeCallback . 但是，如何在子组件上侦听触摸事件，以便父组件可以触发... -
-1 votes2 answers1428 views
如何在angular4中显示隐藏按钮
我是角色的新手，所以我点击了一个编辑按钮，我需要显示两个按钮，即保存和取消按钮并隐藏编辑按钮 . 点击取消时，我只需要显示编辑按钮 . 我坚持通过角度和ngIF来切换它 . 这是我的按钮代码形式： <button id="editBtn" type="button" data-dismiss="modal" (click)=&quo... -
0 votes1 answers43 views
角度6的表格验证
下面是我的组件文件（login.component.html） <form > <div id="login-container" [class.mat-elevation-z12]="!isActive" [class.mat-elevation-z8]="isActive"> ... -
-2 votes1 answers1586 views
Angular 4表单验证和错误消息
我必须在我的应用程序中实现表单验证 . 我正在使用角度4.我的应用程序中还有10个表单 . 我不知道我的问题是否有效 . 我真的很困惑这个实现 . 我的问题：我需要在表单字段中添加验证，包括强制和验证，如电子邮件，电话号码等 . 如果用户输入表单，用户知道某些字段，用户可能不知道需要填写其他字段 . 但是需要保存有效字段并需要在表单中显示错误消息 . 我如何在前端实现我使用Angular 4和后端... -
1 votes1 answers1721 views
Angular 5在模板驱动的表单输入上设置默认值
我在设置模板驱动表单输入的值时遇到问题 . 该值来自 editMovie 对象 . 我希望表单在显示时填充editMovie值，然后用户可以编辑editMovie对象的一部分或保持相同 . 正确地为没有附加 [(ngModel)] 但是's that do won' t设置默认值的输入正确设置了表单值 . 这是一个例子： <div class="form-group"&g... -
2 votes1 answers1148 views
如何以角度方式禁用模板驱动表单中的所有字段
我用角度5创建了一个模板驱动的表单 我想首先禁用整个表单，并且还希望在单击某个按钮后启用表单，因此我在表单标记中添加了一个禁用的属性，并使其值为false，如下所示（这不起作用）虽然）： <form #formName = "ngForm" [disabled]="true"> </form> 由于上面的禁用属性不起作用，我将禁用的... -
2 votes1 answers790 views
Angular 4反应形式 - FormArray在FormArray中无法获取路径
几天以来，我一直在尝试创建一个表单，该表单将允许用户创建产品，同时产品的变体可能与母产品具有不同的价格 . 例如，大小部件是10英镑，小小部件是5英镑 . 每次我最终得到的是FormArray中的FormArray，换句话说，我有一个包含各种变体的产品，这些变体有价格，但也有一系列属性 . 问题出现在我尝试添加控件时，我可以得到变化价格以便显示正常，但我无法获取路径以添加各种各样的各种变量控制，我... -
1 votes3 answers1756 views
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 votes0 answers1620 views
如何在Angular反应形式内的mat-form-field中使用输入类型=数字输入/显示'thousands'逗号的值？
摘要问题： （问题仅适用于输入类型='数字'） 如何在mat-form-field中使用类型=数字的输入的formcontrol来输入/显示'thousands'逗号（例如，2,333,444）的值，该mat-form-field位于Angular反应形式中？ 考虑反应角形式： <form [formGroup]="myForm"> <mat-form-... -
2 votes2 answers1642 views
如何在角度5中动态地将FormControl添加到FormGroup？
我正在尝试构建一个与FormGroup和FormArray兼容的数据表 . 我将使用parentForm组将 Headers 详细信息和行传递给此组件 . 我创建了一个小的添加按钮，点击它，我会动态添加新项目 . 在这种情况下，UI正在更新，但如果我打印formGroup.value（），我只获得传递的初始值 . 不是更新的formControl . 我不确定我错过了什么 . export cla... -
3 votes0 answers1621 views
Angular 6模板驱动形式和libphonenumber
我目前正在开发一个Angular 6模板驱动表单，需要使用国家代码和标志来实现手机字段的格式验证： http://hodgepodgers.github.io/ng-intl-tel-input/ 我知道libphonenumber负责格式化和解析电话号码但是 我似乎找不到使用Angular 6（甚至5）模板驱动形式的例子 . 我发现的每个演示都使用反应形式或者它用于AngularJS ........ -
4 votes1 answers1693 views
Angular7 Reactive Forms输入属性值在控制器/组件中不会更改，仅在HTML标记上更改
我制作了一个具有反应形式组的可重用组件 . 我有2个输入属性“名称”和“描述”，我正在使用ngFor设置这些输入属性来迭代组件 . 不幸的是，即使我将表单控件组中的start / default值设置为输入属性，当我单击submit angular时，将这两个输入属性读取为'null'而不是通过input属性设置的值 . 表单组输入属性： @Input() categoryID; @Input... -
0 votes1 answers300 views
带有材质输入的角度模板驱动窗体在初始化时自行重置
我正在为我的应用程序中的材料表单字段开发一个相当直接的模板驱动表单（这就是为什么我没有使用被动方法） . 所需的行为是，仅当用户单击按钮时才会显示表单，直到使用* ngIf结构指令隐藏该表单 . 我想为输入字段设置一些默认值，以便用户查看表单的显示时间 . 但是，当用户点击按钮时，我看到表单在呈现给用户之前被重置，从而摆脱了指定的默认值 . 用于复制场景的stackBlitz是HERE 非常感谢任... -
1 votes0 answers355 views
角度反应形式 - 以多种形式使用相同的形式控制
我有一个带有ngSwitch的组件，其中包含3个表单（loginForm，signupForm和forgotForm），其中我使用相同的电子邮件控件 . email: FormControl = new FormControl(null, [ Validators.required, Validators.email ]); password: FormControl = new ... -
4 votes1 answers203 views
将Angular Reactive FormControls传递给Children Components
我有一个父组件，我想创建和存储我的Reactive Form . 表单数组中将有多个表单组实例 . 我想将表单控件从每个表单组传递给子组件，但我很难弄清楚如何执行此操作 . 这是一个Stackblitz，展示了我想做的事情 . 此外，某些字段仅适用于某些'makes'汽车，这就是为什么我的html中有以下行： <input type="text" *ngIf="...