title: Can't get ngPlural to work Angular
body: <p>I'm trying to get ngPlural to work using Angular version 4.0.3 as stated in the api: <a href="https://angular.io/api/common/NgPlural" rel="nofollow noreferrer">https://angular.io/api/common/NgPlural</a></p>
  <pre><code>&lt;some-element [ngPlural]=&quot;value&quot;&gt;
    &lt;ng-template ngPluralCase=&quot;=0&quot;&gt;there is nothing&lt;/ng-template&gt;
    &lt;ng-template ngPluralCase=&quot;=1&quot;&gt;there is one&lt;/ng-template&gt;
    &lt;ng-template ngPluralCase=&quot;few&quot;&gt;there are a few&lt;/ng-template&gt;
  &lt;/some-element&gt;
  </code></pre>
  <p>When I use [ngPlural] I get the error <code>No provider TemplateRef!</code> for Template ref. If I remove it and use *ngPlural I also get an error for
  <code>No provider for NgPlural!</code></p>
  <p>I don't think I need to add this as a provider as it's from the Angular Common Library like *ngIf and *ngFor and they work after connecting the commons library.</p>
  <p>Are the docs up to date with v4.0.3?<br />
  How can I get this to work in my template?</p>
  <h2>Update:</h2>
  <p>I have added a plunker to showcase this problem: <a href="https://plnkr.co/edit/SQwRWjVEJjpQMVkWO1G4?p=preview" rel="nofollow noreferrer">https://plnkr.co/edit/SQwRWjVEJjpQMVkWO1G4?p=preview</a></p>