title: Error: Template parse errors: Can't bind to 'myProperty' since it isn't a known property of 'myComponent'
body: <p>After upgrading from Angular 2.1.0 to 2.4.3 and webpack from 2.1.0-beta.25 to 2.2.0-rc.4 I recive this error if i run my webapp (the build works fine without errors):</p>
  
  <pre><code>Error: Template parse errors: Can't bind to 'center' since it isn't a known property of 'placeFilter'. 
  </code></pre>
  
  <p>At the moment I have one single central model like this (yes I know :-) I will change it afterwards):</p>
  
  <pre><code>    import { NgModule }      from '@angular/core';
      import { BrowserModule } from '@angular/platform-browser';
      import { FormsModule } from '@angular/forms';
      import { HttpModule } from '@angular/http';
  
      import { AppRoutingModule } from './app.routes';
  
      ...
      import {MapComponent} from './map/map/map.component';
     ...
      import {PlaceFilterComponent} from './map/shared/components/placeFilter.component';
      ...
  
      @NgModule({
          imports: [BrowserModule, AppRoutingModule, FormsModule, HttpModule],
          declarations: [...
              MapComponent,
             ...
              PlaceFilterComponent,
              ...
          ],
          bootstrap: [AppComponent]
      })
  
      export class AppModule { }
  </code></pre>
  
  <p>My MapComponent contains a sub component called PlaceFilterComponent:</p>
  
  <pre><code>import { Component, OnInit, OnDestroy, Input, Output, NgZone  } from '@angular/core';
  import { ActivatedRoute, Params, Router} from '@angular/router';
  import {Subscription} from "rxjs";
  import {TimerObservable} from "rxjs/observable/TimerObservable";
  
  import services
  
  import models
  
  @Component({
      selector: 'emersy-content',
      templateUrl: './map.component.html',
      providers: [myServices]
  })
  
  export class MapComponent implements OnInit, OnDestroy {
  ...
  
      constructor(private placeService: PlaceService, private externalService: ExternalServiceService, private zone: NgZone, private route: ActivatedRoute, private router: Router) {
          ...
  
          });
      }
  
     ...
  }
  </code></pre>
  
  <p>Here my MapComponentTemplate:</p>
  
  <pre><code>&lt;div class="filterbox-map" *ngIf="!onlyMap"&gt;
      &lt;place-filter (onSearchLocationChange)="searchLocationChange($event)" (onShowSideBarButtonClick)="showSideBarButtonClick()" [center]="center" [searchTerm]="searchTerm"&gt;&lt;/place-filter&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And my PlaceFilter Component is made like this:</p>
  
  <pre><code>import { Component, OnInit, Input, Output, EventEmitter, ViewChild } from '@angular/core';
  
  import {Center} from '../models/center'
  
  declare var google: any;
  
  @Component({
      selector: 'place-filter',
      templateUrl: './placeFilter.component.html'
  })
  
  export class PlaceFilterComponent {
  ...
      private _center: Center;    
      get center() {
          return this._center;
      }
      @Input() set center(center: Center) {
          this._center = center;
      }
  
  
  
      constructor() {
  
      } 
  ...
  }
  </code></pre>
  
  <p>My folder structure is like this:</p>
  
  <pre><code>app
  L app.module.ts
  L map
   L map
   | L map.component.ts
   | L map.component.html
   L shared
    L components
      L placefilter.component.ts
      L placefilter.component.html
  </code></pre>