title: angular2 add "Read More" link to custom pipe
body: <p>I have created custome summary pipe class it works fine but I want to add a read more link end of substring.. when clicked all content shown.</p>
  
  <pre><code>import { Pipe, PipeTransform } from '@angular/core';
  @Pipe({ name: 'summary' })
  export class SummaryPipe implements PipeTransform {
      transform(value: string, maxWords: number) {
          if (value)
              return value.substring(0, maxWords) +"... &lt;a href='#' (click)='getAllText()'&gt;Read more&lt;/a&gt;";
      }
         getAllText() {
          //return this.value; ?
      }
  }
  </code></pre>
  
  <p>I need to fill fucn I know but I need to ask what is more efficient and true way of accomplish this?</p>