angular-reactive-forms 相关问题

关于角度反应形式的问题，一种用于以反应式方式创建表格的角度技术。将此标记用于不是特定于单个Angular版本的问题。

我正在尝试编写一个将附加到组件的指令，这样就可以订阅其事件。该指令应作为连接器 @成分（{ 选择...

angular validation angular-reactive-forms

回答 1 投票 0

我正在尝试将子级中的所有 FormGroup 传递给我的指令。为什么它们没有被传播？我尝试使用 ViewChildren 和 ContentChildren 但结果未定义我正在尝试将子项中的所有 FormGroup 传递给我的指令。为什么不转发？我尝试使用 ViewChildren 和 ContentChildren 但结果未定义 <div block="tab" [class.is-active]="toggleGroup.value === 'output'" fieldGroupValidation> <app-rubric-theme-date></app-rubric-theme-date> <app-authors></app-authors> </div> @Directive({ selector: '[fieldGroupValidation]' }) export class FieldGroupValidationDirective implements OnInit, OnDestroy { @ViewChildren(FormGroup) controls: QueryList<FormGroup>; constructor( ) {} ngOnInit() { // console.log('contorls', this.controls); // console.log('controls names: ', this.controls); } ngAfterViewInit() { console.log('contorls', this.controls); } 模板中的组件内部有表单组看，那里有一个问题，在你的 @ViewChild 中，你指定你希望在其他组件中拥有所有表单，（我认为） <div block="tab" [class.is-active]="toggleGroup.value === 'output'" fieldGroupValidation> <app-rubric-theme-date></app-rubric-theme-date> <app-authors></app-authors> </div> 就像，在您的指令中，您希望在指令范围内收到一个 FormGroup 或所有其他 FormGroup，但事实并非如此。 FormGroup 不是你可以在 ViewChild/ViewChildren/ContenChildren/ContentChild 中引用的类，因为它是 Angular 使用的功利类，你只能引用 DOM 元素。 https://angular.dev/api/forms/FormGroup 您需要指定您想要从组件中获得的内容，如下所示： <div block="tab" [class.is-active]="toggleGroup.value === 'output'" fieldGroupValidation> <app-rubric-theme-date></app-rubric-theme-date> <app-authors #authors></app-authors> </div> 现在你的打字稿中可能是这样的： @Directive({ selector: '[fieldGroupValidation]' }) export class FieldGroupValidationDirective implements OnInit, OnDestroy, AfterViewInit //Do not forget to implement the interface { @ViewChild("authors") authorsComponent!: YourAuthorComponentClass; //You could also do this: @ViewChild(RubicThemeComponent) myRubicThemeComponent!: RubicThemeComponent; constructor( ) {} ngOnInit() { // console.log('contorls', this.controls); // console.log('controls names: ', this.controls); } ngAfterViewInit() { console.log(this.authorsComponent); } 现在，您可以访问作者组件中的所有其他属性，然后您可以像这样指定控件： this.authorsComponent.myFormsControls 现在您可以使用表单进行其他操作了。

angular angularjs angular-reactive-forms formgroups viewchild

回答 1 投票 0

无法获取 Angular 反应形式 AsyncValidatorFn 来消除抖动并设置控制错误

我有一个 Angular 反应式表单，其中表单组具有昂贵的验证，因此我想尝试消除对实际验证的调用。我发现了很多其他关于此的帖子，例如这里......

angular angular-reactive-forms

回答 1 投票 0

Angular 单选按钮取消选中选择上的其他控件

使用 Angular 17 和响应式形式。表单组中有两个控件，都是单选按钮。然而，当一个控件发生更改时，它会清除其他控件。然而，价值是va...

angular angular-reactive-forms

回答 2 投票 0

如何在 Angular onblur 事件中动态为 ngModel 赋值

我在 HTML 中有多个输入文本框，其中包含 [(ngModel)]。在打字稿中，我试图在所有输入框的输入模糊事件上动态为 [(ngModel)] 分配一个值。尝试了以下

angular angular-reactive-forms ngmodel

回答 1 投票 0

如何判断 Angular 反应式表单输入是来自键盘还是程序输入

有没有办法区分通过键盘手动输入数据到反应式表单中与通过 setvalue() 方法设置数据之间的区别？

angular angular-reactive-forms

回答 1 投票 0

无法以 Angular 14 反应形式解压表单字段

我正在尝试使某些表单字段对于我的用户来说是只读的，我在 Angular 14 版本中使用反应式表单。我想绑定一个值，但用户不应该与表单交互...

angular input angular-reactive-forms disabled-control

回答 1 投票 0

表单组在表单数组中显示另一个表单组的值

我正在使用角度反应表单模块绑定到名为“days”的表单数组中的不同表单组。我将它们放在模板中的材料拖放 for 循环中。当我点击但是...

javascript angular typescript angular-material angular-reactive-forms

回答 1 投票 0

Angular ReactorForms 控件 - 如何将自己的输入值作为验证器的输入参数传递

我在打字稿文件中使用代码创建了一个控件。现在我想使用自定义检查或验证器。如何将输入值作为验证器的参数传递 this.formGroup.addControl('t...

angular angular-reactive-forms form-control

回答 1 投票 0

formGroup.get 与 formGroup.controls 反应式形式 - Angular

使用选择验证时是否有任何首选方法 myForm.controls['name'].valid myForm.get('name').valid 因为两者似乎只是语法上不同，但实现了相同的目标。 <

angular angular-reactive-forms

回答 4 投票 0

Angular 反应式表单 hasValidator 对于自定义验证器函数返回 false

从 '@angular/forms' 导入 { AbstractControl, ValidationErrors, ValidatorFn }; 导出函数trimValidator（最小长度：数字，最大长度：数字）：ValidatorFn { return ({ value }: AbstractCon...

angular angular-reactive-forms

回答 1 投票 0

使用反应式表单的 ionic 5 和 Angular 9 出现错误“没有带有名称的表单控件的值访问器”

我正在使用 ionic 5 和 Angular 9。我正在尝试创建一个反应式表单，但收到错误“没有名称为“lastname”的表单控件的值访问器”。这是我的代码：出口类

angular ionic-framework angular9 angular-reactive-forms ionic5

回答 4 投票 0

为什么 FormGroup 控件在 formGroup.reset() 后为空？

我正在设置以下反应形式： const v = 验证器； this.entryForm = this.formBuilder.group({ 名字: ['', [v.minLength(2), v.required]], 姓氏：[''，[v.minLength...

angular angular-forms angular-reactive-forms

回答 4 投票 0

角度强类型反应形式

我希望重构 Angular 项目中的大量组件，以具有强类型 FormGroup、FormArray 和 FormControl。我只是在寻找一种实现强类型的好方法