title: Getting "No provider for NgControl" error in Ionic 4
body: <p>I have added Quilljs editor on my page. I am trying to fetch the valve of the content. </p>
  
  <p>I am following a video on YouTube called "Using Quill JS Text Editor With Angular 7". I have done everything as shown but I am getting this error: </p>
  
  <pre class="lang-html prettyprint-override"><code>ERROR Error: Uncaught (in promise): Error: Template parse errors:
  No provider for NgControl ("
  &lt;form [FormGroup="editorForm" (ngSubmit)="OnSubmit()"]&gt;
  &lt;div class="form-group"&gt;
     [ERROR -&gt;]
     &lt;quill-editor formControlName="editor"&gt;&lt;/quill-editor&gt;
  &lt;/div&gt;
  &lt;ion-button type="submit"&gt;
  Submit&lt;/ion"): ng:///HomePageModule/HomePage.html@11:2
  Error: Template parse errors:
  No provider for NgControl ("
  &lt;form [formGroup]="editorForm" (ngSubmit)="OnSubmit()"&gt;
  &lt;div class="form-group"&gt;
     [ERROR -&gt;]
     &lt;quill-editor formControlName="editor"&gt;&lt;/quill-editor&gt;
  &lt;/div&gt;
  &lt;ion-button type="submit"&gt;
  Submit&lt;/ion"): ng:///HomePageModule/HomePage.html@11:2
  at syntaxError (compiler.js:2420)
  </code></pre>
  
  <p>My <code>home.html</code> code:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;ion-content class="ion-padding"&gt;
     &lt;form [formGroup]="editorForm" (ngSubmit)="OnSubmit()"&gt;
     &lt;div class="form-group"&gt;
        &lt;quill-editor formControlName="editor"&gt;&lt;/quill-editor&gt;
     &lt;/div&gt;
     &lt;ion-button type="submit"&gt;Submit&lt;/ion-button&gt;
     &lt;/form&gt;
     The world is your oyster.
     &lt;p&gt;If you get lost, the &lt;a target="_blank" rel="noopener" href="https://ionicframework.com/docs/"&gt;docs&lt;/a&gt; will be your guide.&lt;/p&gt;
  &lt;/ion-content&gt;
  </code></pre>
  
  <p><code>home.ts</code> code:</p>
  
  <pre class="lang-html prettyprint-override"><code>import { Component } from '@angular/core';
  import { QuillModule } from 'ngx-quill';
  import {FormGroup, FormControl} from '@angular/forms';
  import { FormsModule, ReactiveFormsModule } from '@angular/forms';
  @Component({
  selector: 'app-home',
  templateUrl: 'home.page.html',
  styleUrls: ['home.page.scss'],
  })
  export class HomePage {
  editorForm: FormGroup;
  ngOnInit(){
  // console.log(quill.container.innerHTML);
  this.editorForm = new FormGroup({
  'editor': new FormControl(null)
  })
  }
  OnSubmit(){
  console.log(this.editorForm.get('editor').value);
  }
  }
  </code></pre>
  
  <p>I have imported FormsModule, ReactiveFormsModule  in <code>app.module.ts</code> and <code>home.module.ts</code> but nothing is working.</p>
  
  <p>How can I resolve this error and get the value of Quill editor?</p>
  
  <h2>Edit 1</h2>
  
  <p>After small code correction[brackets], now it is saying:</p>
  
  <blockquote>
    <p>Can't bind to 'formGroup' since it isn't a known property of 'form'.</p>
  </blockquote>