title: Angular2 Component declared in multiple modules
body: <p>My Angular2 RC6 application has two modules and I'm not sure how to declare a shared component.  </p>
  
  <p>I have a component named spinnerComponent that is used throughout the application.  I defined it in app.modules.as:</p>
  
  <pre><code>@NgModule({
      imports: [BrowserModule, routing,RepairReturnModule],
      providers: [ ],
      declarations: [AppComponent,SpinnerComponent],
      bootstrap: [AppComponent]
  })
  </code></pre>
  
  <p>Then in RepairreturnModule I define it again as:</p>
  
  <pre><code>@NgModule({
      imports: [CommonModule],
      declarations: [
          SpinnerComponent
      ],
      providers: []
  })
  </code></pre>
  
  <p>As expected, I get:</p>
  
  <blockquote>
    <p>Type SpinnerComponent is part of the declarations of 2 modules:
    RepairReturnModule and AppModule</p>
  </blockquote>
  
  <p>I removed SpinnerComponent from the declaration in RepairreturnModule as then I get:</p>
  
  <blockquote>
    <p>Unhandled Promise rejection: Template parse errors: Can't bind to
    'isRunning' since it isn't a known property of 'spinner-component'.
    1. If 'spinner-component' is an Angular component and it has 'isRunning' input, then verify that it is part of this module.
    2. If 'spinner-component' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schema' of this component
    to suppress this message. ... which indicated that it is not declared.</p>
  </blockquote>
  
  <p>What am I missing?</p>