title: Angular 2. @Input since it isn't a known property of
body: <p>I got a parent component with following template:</p>
  
  <pre><code>&lt;ion-content&gt;
    &lt;blocks-banners-slideshow class="contentBlock" [config]="{ zone: 'mobile'}" [config_private]="{ url: 'url'}" [slideOptions]="{ loop: true, pager: true}"&gt;&lt;/blocks-banners-slideshow&gt;
    &lt;blocks-catalog-category class="contentBlock" [config]="{ parent_id: 0 }" [config_private]="{ url: 'url'}"&gt;&lt;/blocks-catalog-category&gt;
    &lt;blocks-catalog-topproducts class="contentBlock" [config]="{ filter: { dir: 204}, page: 1, pageSize: 8}" [config_private]="{ url: 'url', showMoreProducts: false, columns: { tablet: 4, phone: 2}}"&gt;&lt;/blocks-catalog-topproducts&gt;
  &lt;/ion-content&gt;
  </code></pre>
  
  <p>And then application try to show it tell me:
  Unhandled Promise rejection:</p>
  
  <p>Template parse errors:</p>
  
  <pre><code>Can't bind to 'config_private' since it isn't a known property of 'blocks-banners-slideshow'.
  1. If 'blocks-banners-slideshow' is an Angular component and it has 'config_private' input, then verify that it is part of this module.
  2. If 'blocks-banners-slideshow' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schemas' of this component to suppress this message.
  </code></pre>
  
  <p>A child component text:</p>
  
  <pre><code>@Component({
    selector: 'blocks-banners-slideshow', //Селектор
    templateUrl: '/mobilesiteapp/template/?path=pages/banners/blocks/slideshow', //Шаблон
  })
  
  export class BannersBlocksSlideShow extends AbstractBlock{
    list: Array&lt;BannerItem&gt;;
    mySlideOptions: any;
  
    //Входящие данные
    @Input() config: any;
    @Input() config_public: any;
    @Input() slideOptions = {};
  
   ....
  }
  </code></pre>
  
  <p>How to fix it?</p>