title: Two lazy loading modules with common component in Angular 6
body: <p>I have an structure like</p>
  
  <pre><code>---app.module
  -------child1.module
  -------child2.module
  </code></pre>
  
  <p>and I use 1 common component (<code>app-film</code>) in both child modules, I declare that one in <code>app.module</code>, but Angular still show error</p>
  
  <pre><code>Can't bind to 'film' since it isn't a known property of 'app-film'.
  1. If 'app-film' is an Angular component and it has 'film' input, then verify that it is part of this module.
  2. If 'app-film' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
  </code></pre>
  
  <p>stackblitz
  <a href="https://stackblitz.com/github/ms-dosx86/films" rel="noreferrer">https://stackblitz.com/github/ms-dosx86/films</a></p>