ERROR TypeError: jit_nodeValue_4(...).$any is not a function
at Object.eval [as handleEvent] (AddNewConnectionsComponent.html:42)
at handleEvent (core.js:13581)
at callWithDebugContext (core.js:15090)
at Object.debugHandleEvent [as handleEvent] (core.js:14677)
at dispatchEvent (core.js:9990)
at eval (core.js:10611)
at HTMLInputElement.eval (platform-browser.js:2628)
at ZoneDelegate.invokeTask (zone.js:421)
at Object.onInvokeTask (core.js:4744)
at ZoneDelegate.invokeTask (zone.js:420)
Я получаю эту ошибку при обязательной подаче группы форм.
Мой код файла ts
import { Component, OnInit } from '@angular/core';
import { FormBuilder, Validators, FormGroup, FormControl } from '@angular/forms'
import {ActivatedRoute, Router} from "@angular/router";
@Component({
selector: 'app-add-new-connections',
templateUrl: './add-new-connections.component.html',
styleUrls: ['./add-new-connections.component.scss']
})
export class AddNewConnectionsComponent {
addNewConnectionForm: any;
constructor(public fb: FormBuilder) {
this.addNewConnectionForm = new FormGroup({
'connection_name': new FormControl("", [
Validators.required
])
});
Мой HTML-код файла
<form [formGroup]="addNewConnectionForm" (ngSubmit)="saveConnection()" novalidate>
<div class="col-sm-4">
<div class="form-group">
<label>Connection Name ?</label>
<input type="text" name="name" placeholder="" (change)="changeFun()" class="form-control" required>
<div *ngIf=>
Name is required.
</div>
<small [hidden]="addNewConnectionForm.controls.connection_name.valid" class="text-danger">Required</small>
</div>
</div>
<button type="submit" [disabled]="!addNewConnectionForm.valid">Submit</button>
</form>
Я пробовал почти все доступные. Но я не могу найти какое-либо решение Я импортировал FormsModule и ReactiveFormsModule в свой файл app.module.ts Можете ли вы предложить мне способ, как я могу это сделать.