title: Angular2 : Can't bind to 'ngPluralCase' since it isn't a known property of 'x'
body: <p>First, this question is <strong>not</strong> a duplicate, most answers to questions like "Cannot bind to 'x'..." are about unimported modules, I've <strong>already imported the right one(s)</strong>.</p>
  
  <p>I'm following angular.io's doc about <a href="https://angular.io/docs/ts/latest/api/common/index/NgPlural-directive.html" rel="nofollow"><code>ngPlural</code></a> and <a href="https://angular.io/docs/ts/latest/api/common/index/NgPluralCase-directive.html" rel="nofollow"><code>ngPluralCase</code></a> directives:</p>
  
  <blockquote>
  <pre><code>&lt;some-element [ngPlural]="value"&gt;
    &lt;ng-container *ngPluralCase="'=0'"&gt;...&lt;/ng-container&gt;
    &lt;ng-container *ngPluralCase="'other'"&gt;...&lt;/ng-container&gt;
  &lt;/some-element&gt;
  </code></pre>
    
    <p>(...)</p>
    
    <p>exported from @angular/common/index, defined in @angular/common/src/directives/ng_plural.ts</p>
  </blockquote>
  
  <p>When I try to run this code I get an error <a href="https://embed.plnkr.co/LzhoDs/" rel="nofollow">(see it in plnkr)</a>:</p>
  
  <blockquote>
    <p>Can't bind to 'ngPluralCase' since it isn't a known property of 'ng-container'.</p>
  </blockquote>
  
  <p><strong>main.ts :</strong></p>
  
  <pre><code>import { platformBrowserDynamic } from "@angular/platform-browser-dynamic";
  import { Component, NgModule } from "@angular/core";
  import { BrowserModule } from "@angular/platform-browser";
  
  @Component({
    selector: "my-app",
    template:`
    &lt;div [ngPlural]="1"&gt;
        &lt;ng-container *ngPluralCase="'=0'"&gt;...&lt;/ng-container&gt;
        &lt;ng-container *ngPluralCase="'other'"&gt;...&lt;/ng-container&gt;
    &lt;/div&gt;
    `,
    styles: []
  })
  class AppComponent {
  
  }
  
  @NgModule({
    imports: [
      BrowserModule
    ],
    declarations: [AppComponent],
    exports: [AppComponent],
    bootstrap: [AppComponent]
  })
  class AppModule { }
  
  
  platformBrowserDynamic().bootstrapModule(AppModule);
  </code></pre>
  
  <p>I imported <code>BrowserModule</code> (which exports <code>CommonModule</code>, but I also tried importing <code>CommonModule</code> directly) in my <code>AppModule</code>, and as you can see, the error is about <code>ngPluralCase</code> and not <code>ngPlural</code> which is in the same module and used without problem...</p>
  
  <p>So my question is :</p>
  
  <p>Does anyone knows what is happening here ? Is it a bug related to the "experimental" state of these directives or am I missing something ?</p>
  
  <p><strong>PS</strong>: I'm using angular v2.1.0</p>