title: Error while fetching value of rich text area on console log in Ionic
body: <p>I am trying to fetch the value of rich text area from <strong>home.html</strong>, but I am getting an error.</p>
  
  <p><strong>Home.html</strong> code as follows :</p>
  
  <pre><code>&lt;ion-content&gt;
      &lt;rich-text [formControlItem]="item" placeholderText="A sample of placeholder text"&gt;&lt;/rich-text&gt;
  
      &lt;div padding [innerHTML]="item.value" &gt;&lt;/div&gt;
      &lt;button ion-button (click)="abc(item)"&gt;&lt;/button&gt;
  &lt;/ion-content&gt;
  </code></pre>
  
  <p><strong>Home.ts</strong> code as follows:</p>
  
  <pre><code>import { Component } from '@angular/core';
  import { NavController } from 'ionic-angular';
  import { FormControl, FormBuilder, FormGroup } from "@angular/forms";
  
  @Component({
    selector: 'page-home',
    templateUrl: 'home.html'
  })
  export class HomePage {
  
    item: FormControl;
  
    constructor(public navCtrl: NavController, private formBuilder: FormBuilder) {
  
    }
  
    ionViewWillLoad() {
      this.item = this.formBuilder.control('');
    }
  
    abc(item)
    {
      console.log("HELLO");
      console.log(item,"ITEM");
    }
  }
  </code></pre>
  
  <p>Error I am getting when I click the button to fetch the value:</p>
  
  <p><a href="https://i.stack.imgur.com/mhHfR.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/mhHfR.png" alt="enter image description here"></a></p>
  
  <p>How can I fetch the rich text area's value in the variable?</p>