title: jit_nodeValue_4(...).$any is not a function Angular5
body: <pre><code>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)
  </code></pre>
  
  <p>I am getting this error on required filed of form group.</p>
  
  <p>My ts file code </p>
  
  <pre><code>        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
    ])
  });
  </code></pre>
  
  <p>My Html file code</p>
  
  <pre><code>&lt;form [formGroup]="addNewConnectionForm" (ngSubmit)="saveConnection()" novalidate&gt;
              &lt;div class="col-sm-4"&gt; 
  &lt;div class="form-group"&gt;
                    &lt;label&gt;Connection Name ?&lt;/label&gt;
                    &lt;input type="text" name="name" placeholder="" (change)="changeFun()" class="form-control" required&gt;
                    &lt;div *ngIf=&gt;
                        Name is required.
                      &lt;/div&gt;
                    &lt;small [hidden]="addNewConnectionForm.controls.connection_name.valid" class="text-danger"&gt;Required&lt;/small&gt;
                &lt;/div&gt;
              &lt;/div&gt;
              &lt;button type="submit" [disabled]="!addNewConnectionForm.valid"&gt;Submit&lt;/button&gt;
            &lt;/form&gt;
  </code></pre>
  
  <p>I have tried almost everything avalible. But I am not able to find any solution 
  I have imported FormsModule and ReactiveFormsModule in my app.module.ts file
  Can you please suggest me a way how i can do it </p>