title: Template Error on ngFor and using pipe with parameter
body: <p>I'm trying to sorting with pipe on Angular 4. There is no problem with pipe and ngFor.</p>
  
  
  
  <pre class="lang-html prettyprint-override"><code> &lt;div *ngFor="let item of data | paginate: { itemsPerPage: 8, currentPage: p } |  orderBy : ['{{config}}'] " class="col-lg-3 col-md-6 col-sm-6"&gt;
              &lt;blog-thumb [date]="item.date" [commentCount]="item.commentCount"&gt; &lt;/blog-thumb&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>Like above there is 2 pipe that developed by myself. With that syntax there is error. If I change to this, there is no problem</p>
  
  <p>
               
          </p>
  
  <p>And this is my component class.</p>
  
  <pre class="lang-js prettyprint-override"><code>export class MainBlogPageComponent implements OnInit {
  
      public sortOrder: string = "asc";
      public config: string = "-commentCount";
  
      private data: any;
      private blogPosts: string;
      constructor() {       
       }
      ngOnInit() { }
  }
  </code></pre>
  
  <p>Also on all my modules <code>CommonModule</code> imported, also <code>BrowserModule</code> imported at App.Module.ts as well</p>
  
  <p>This is the exception that see on chrome browser.</p>
  
  <pre class="lang-html prettyprint-override"><code>Can't bind to '*ngFor' since it isn't a known property of 'div'. ("
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div [ERROR -&gt;]*ngFor="let item of data | paginate: { itemsPerPage: 8, currentPage: p } |  orderBy : ['{{config}}'] "): ng:///MainBlogModule/MainBlogPageComponent.html@37:13
  Error: Template parse errors:
  Can't bind to '*ngFor' since it isn't a known property of 'div'. ("
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div [ERROR -&gt;]*ngFor="let item of data | paginate: { itemsPerPage: 8, currentPage: p } |  orderBy : ['{{config}}'] "):
  </code></pre>
  
  <p>Its not like the other exception like template parsing error. I didn't get it where is the problem.</p>
  
  <p>This is my module that <code>MainBlogPageComponent</code> imported.</p>
  
  <pre class="lang-js prettyprint-override"><code>@NgModule({
      imports: [CommonModule,
      FormsModule,
      NgaModule,
      routing,
      NgxPaginationModule
      ],
      exports: [],
      declarations: [MainBlogComponent,
      MainBlogPageComponent,
      SubHeaderComponent,
      BlogThumbComponent],
      providers: [],
  })
  export class MainBlogModule { }
  </code></pre>
  
  <p>Pipes at my shared module, all my pipes lives in the shared module and shared module just fine. I used another module with no problem.</p>