title: Angular 4 PipeTransform not applied
body: <p>My custom pipe to shorten a string isn't working. I have included it in my app.module declarations and imported it in my component. The code is below.</p>
  <pre class="lang-ts prettyprint-override"><code> import { Pipe, PipeTransform } from '@angular/core';
  /*
    Takes a string and replaces it with a shortend version based on the length you give it if its greater than 14 char for Example
    someString = &quot;hey whats up my name is Bob and im from Bob town&quot;
    {{value | shortString : length of new string}}
    {{someString | shortString: 10}}
  */
  @Pipe({name: 'shortString'})
  export class shortString implements PipeTransform {
    transform(value: any, length: number): string {
      console.log('expected new string '+value.slice(0,length)+'...');
      return (value.length()&gt;14)?value.slice(0,length)+'...': value;
    }
  }`
  </code></pre>