title: how to access model or view variable in angular 4 for two way data binding
body: <p>I want to access value of textarea in component class through button click function triggered through button click.<br>
  <strong>HTML</strong></p>
  
  <pre><code>&lt;div class="container"&gt;
    &lt;div class="row"&gt;
      &lt;div class="col-lg-4 col-sm-12"&gt;
  
          &lt;textarea class="form-control" placeholder="Add Comment"&gt;
           {{comment}}
          &lt;/textarea&gt;
        &lt;button (click)="addComment($event, comment)" style="margin-top: 2%" class="btn-success"&gt;Add Comment&lt;/button&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>component:</strong></p>
  
  <pre><code>import { Component, OnInit } from '@angular/core';
  
  @Component({
    selector: 'app-add-comments',
    templateUrl: './add-comments.component.html',
    styleUrls: ['./add-comments.component.css']
  })
  export class AddCommentsComponent implements OnInit {
  
    comment:string = "Hellooooo";
  
  
    //commentsArr: commentsArr[];
  
    addComment(event, comment);
  
    addComment(event, comment)
    {
      console.log(this.comment);
  
  
    }
  
    constructor() { }
  
    ngOnInit() {
    }
  
  }
  </code></pre>
  
  <p>I want to to access comment inside comment data inside comment component.</p>