title: Get text from div and pass to the function
body: <p>I'm trying to pass div text in function using angular2</p>
  
  <p>I have this in my template</p>
  
  <pre><code>&lt;div (click)="logThis(this.text)"&gt;test&lt;/div&gt;
  </code></pre>
  
  <p>and in component</p>
  
  <pre><code>logThis(x: any){
          console.log(x);
  }
  </code></pre>
  
  <p>If I'll put some text instead of <code>this.text</code> it logs without any problem</p>
  
  <p>I've tried this.value as well but it logs undefined</p>
  
  <p>Other I've tried to add <code>&lt;div #test (click)="logThis(test.text)"&gt;test&lt;/div&gt;</code> but same result</p>