-
1 votes2 answers1788 views
Angular 2 / PrimeNG - 表达式在检查后发生了变化 . 在最后一个无效的表单控件上绑定NgModel
我有一个问题，当我的表单中的最后一个元素有一个绑定到它的值时，错误“表达式在检查后已经改变” . 被扔了 . 我将在序言中说这是基于Angular 2网站示例 - https://angular.io/docs/ts/latest/cookbook/dynamic-form.html#!#top 我的应用程序的工作方式首先是基于模型在我的表单组件中构建一个带有控件的动态表单 . 我的表单组件ht... -
4 votes1 answers1134 views
没有ControlContainer的提供者和ControlContainer的提供者
我正在使用Angular2处理应用程序 . 我试图在我的应用程序中使用Reactive Forms但我遇到了一些错误： 第一个错误是关于NgControl，如下所示： 没有NgControl的提供者（“div class =”col-md-8“[ERROR - >] input class =”form-control“id =”productNameId“”）：ProductEditC... -
2 votes1 answers1720 views
无法通过路径'myFormArray - > [index] - > myProperty找到控件
我'm trying to generate a dynamic form using Angular ReactiveForms. Currently I'm收到错误 Cannot find control with path 'myFormArray -> [index] -> myProperty . 我已经检查了一些在互联网上找到的答案但没有成功 . 这是我的代码： HTML... -
0 votes1 answers1955 views
验证Angular2中的反应形式
我有反应形式： protected _valueForm = this._formBuilder.group({ valueCaption: '', }); protected _elementForm = this._formBuilder.group({ caption: ['', Validators.required], required: [false]... -
0 votes1 answers613 views
检测FormArray验证器中的哪个FormControl导致值更改
我可以轻松验证数组是否满足一些验证规则 . 当我想要与表单数组中的特定控件进行交互时，问题就变成了 . 我有包含表单组的表单数组 . 每个表单组都有几个表单控件 . 组看起来像这样： const rowGroup = new FormGroup({ 'range': new FormControl(row.range, [Validators.required, CustomValidat... -
0 votes1 answers577 views
提交Reactive表单时验证Untouched Required字段
我正在学习角4并且在反应形式上学习 . 我的要求是这样的 . 选择国家后，我有城市，选择城市后，我有银行，账号是单独的字段，所有情况都是强制性的 . 现在我无法禁用这样的提交按钮 <button [disabled]="!txnForm.valid "type="submit" name="button">Submit<... -
3 votes1 answers677 views
使用数组中的不同Validations创建反应式表单数组
我最近开始使用Angular4反应表单，我想基于下面的Structure创建一个表单数组 "ContactPoints": [{"ContactPointID":33,"EntityID":9,"System":"phone","Value":"1234567890&q... -
0 votes1 answers1429 views
angular material - mat-error不显示输入字段的错误消息
场景 - 具有表单数组的反应式表单 . 表单中的每个字段都具有必需的验证 . 表单数组本身具有minlength（1）和maxlength（3）的验证 . 在表单数组中添加4个值将使表单无效并在最后一个值字段中显示错误消息 - Maximum 3 values can be added . 代码已开启 - stackblitz 问题 - 即使在mat-error的* ngIf条件为真时，它... -
1 votes1 answers38 views
Angular Material 2 Reactive Forms - 在验证minLength，电子邮件和所需的验证工作时，没有显示* ngIf的mat-error
Stackblitz：https://stackblitz.com/angular/nvpdgegebrol 这实际上是分叉的官方Angular Material示例，并更改了逻辑以显示针对minLength验证而不是电子邮件的mat错误 . 它适用于所需的验证和电子邮件验证，并且消息显示并且一切都很好，但minLength * ngIf根本不显示 . 码： HTML： <mat-error... -
2 votes1 answers44 views
使用嵌套ngfor的模板
使用Angular4 ReactiveForm创建表单（我正在使用的版本） . 我在哪里有一个表格，其中包含代码，年份和类别列表 . 主要表格： 代码 年 分类[] 代码 描述 订单 产品[] 代码 描述 价格 但我正在尝试以下列方式显示表单，其中类别列表和每个类别中的产品将是所有行，并且将全部显示在同一个表中（示例）： <input code&g... -
1 votes1 answers1580 views
如何为自动保存反应式Angular 2表单创建验证 .
我需要有关如何创建自动保存反应式Angular 2表单的建议 . 基本上用户输入值，如果验证了值，则表单自动保存 . 这是代码 export class BusinessFoundationsPage { businessFoundationsForm: FormGroup; userId: string; YouTuber: YouTuber; ... -
4 votes3 answers1345 views
Angular 2 - 无法设置表单数组值
我收到此错误： 此阵列尚未注册表单控件 . 如果您正在使用ngModel，则可能需要检查下一个刻度（例如，使用setTimeout） . 使用此代码时： public settingsForm: FormGroup = this.fb.group({ collaborators: this.fb.array([]), rsvp: this.fb.group({ latestDa... -
5 votes0 answers24 views
如何使用嵌套表单组验证活动表单？
我正在创建一个嵌套的表单组，如https://plnkr.co/edit/c93yFe2r83cvjiRvl6Uj?p=preview所示 . 这是https://angular.io/docs/ts/latest/cookbook/form-validation.html#!#reactive的示例分支 当表单没有任何嵌套组时，Angular中的示例显示使用 validationMessages... -
1 votes0 answers1494 views
将ngModel与Reactive表单一起使用
在我的应用程序中，我使用模板驱动验证，但现在我必须切换到模型驱动的方法，但我不想删除双向数据绑定 . 所以我的HTML控件就像那样 form [formGroup]="myForm"> input type="checkbox" [(ngModel)]="selected.HasFull" formControlName=&... -
0 votes1 answers1844 views
Angular 2 Reactive Forms，选择从服务中填充的控件
我正在尝试使用Angular的反应形式，我无法弄清楚如何延迟服务填充的下拉列表的默认值绑定 . 这是我组件代码的片段： export class TransferComponent { id: number; accounts: Account[] = []; myForm: FormGroup; transfer: Transfer; constructor( private http... -
0 votes2 answers1755 views
角度反应形式禁用组
我正在使用Angular反应形式 . 在我的页面上，我需要选择启用/禁用字段（当前密码和新密码确认），以便我可以使用 form.value 并仅获取我需要的东西（禁用控件赢得't be in there). However, I'已找到禁用 FormControl 的方法但是，我需要禁用整个团体 . 那是我的小组 formGroup: FormGroup = this.fb.group({ ......