angular-forms

问题 I am trying to use reactive forms for dynamic values added on click of button. I am getting below error: formGroup expects a FormGroup instance. Please pass one in Here is my example: dynamic-reactive-forms I am new to reactive forms . Some code in ts file: let numberOfTiles = document.getElementsByClassName("tiledata").length; if (this.t.length < numberOfTiles) { for (let i = this.t.length; i < numberOfTiles; i++) { this.t.push(this.formBuilder.group({ tabName: ['', Validators.required],

问题 I am using a directive on an <input> -element and get a reference to its controls like this: @ContentChild(NgControl) private readonly _inputNgControl: NgControl; But when I listen to model-changes like so: ngAfterContentInit(): void { this._inputNgControl.control.valueChanges .distinctUntilChanged() .subscribe(value => { // ... }); } it appears that this._inputNgControl.control refers not to the input that the directive is sitting on, but to ALL inputs in my parent component (which contains

问题 EDIT: I've discovered what is causing the problem; I'm now looking for a solution as to how to cater for it. NOTE : This issue is happening in dev mode (i.e. not prod, and not using aot) I'm using the "Update" solution from here: https://stackoverflow.com/a/46324043/3164070 To solve an issue with an input in a child component that was not updating the valid flag on the form. It works in a fairly simple test project, however when moving it to our real project, it throws this error: core.es5.js

问题 EDIT: I've discovered what is causing the problem; I'm now looking for a solution as to how to cater for it. NOTE : This issue is happening in dev mode (i.e. not prod, and not using aot) I'm using the "Update" solution from here: https://stackoverflow.com/a/46324043/3164070 To solve an issue with an input in a child component that was not updating the valid flag on the form. It works in a fairly simple test project, however when moving it to our real project, it throws this error: core.es5.js

问题 How can I add a formcontrol(option) dynamically in formarray? I want to add in questions formarray. Onbutton click it should display. I'm using angular 7. //ngOnInit creating form ngOnInit() { this.quizForm = this.fb.group({ questions: this.fb.array([]), questions2: this.fb.array([]), }); } //creating formcontrol createItem(): FormGroup { return this.fb.group({ ques: '', }); } //pushing code genField() { this.message = true; this.questions = this.quizForm.get('questions') as FormArray; this

问题 I'm creating a custom input component that's forms compatible by implementing ControlValueAccessor . This input component is a composition of one or more child inputs, but I'm having trouble getting the ng-invalid CSS class to propagate to the child input element. My custom input component has a template like: <label>Input:</label> <input type="text" [(ngModel)]="value" (blur)="onInputBlur()" /> The class is: private _value: any; public get value(): string { return this._value; } public set

问题 I'm creating a custom input component that's forms compatible by implementing ControlValueAccessor . This input component is a composition of one or more child inputs, but I'm having trouble getting the ng-invalid CSS class to propagate to the child input element. My custom input component has a template like: <label>Input:</label> <input type="text" [(ngModel)]="value" (blur)="onInputBlur()" /> The class is: private _value: any; public get value(): string { return this._value; } public set

问题 I'm creating a custom input component that's forms compatible by implementing ControlValueAccessor . This input component is a composition of one or more child inputs, but I'm having trouble getting the ng-invalid CSS class to propagate to the child input element. My custom input component has a template like: <label>Input:</label> <input type="text" [(ngModel)]="value" (blur)="onInputBlur()" /> The class is: private _value: any; public get value(): string { return this._value; } public set

问题 I got this error message when trying to update the grid table with the HTML file. Here I have used static data for the table to display and imported from other component which displays the primeng table and I have added an update button with a function which redirects to another page for updating of data. The issue is seen in the first line in the HTML file i.e; [formGroup]="myvehicle" I have tried checking with a different form group name but still the issue is same. import { Component,

问题 I am using the angular material outline mat-form-field to design a form. I am getting the default mat-form-field outline text-box view with a border corner radius. Is there any way to remove the border corner radius of the outline mat-form-field and convert into a square text box view. I tried to change the default styles of the angular material mat-form-field with the following, but it's not working. //css .mat-form-field-appearance-outline .mat-form-field-outline-start .alignment{ border