title: Make Module global available in Angular application
body: <p>I have the following Module which components I use on other modules:</p>
  
  <pre><code>import { NgModule } from '@angular/core';
  
  import { CommonModule } from '@angular/common';  
  import { ClickOutsideModule } from "ng-click-outside";
  
  import { PopupComponent} from './popup.component';
  
  @NgModule({  
    declarations: [
      PopupComponent
    ],      
    imports: [
      CommonModule,
      ClickOutsideModule
    ],  
    exports: [
      PopupComponent
    ],
    providers: []
  })
  
  export class PopupModule {}
  </code></pre>
  
  <p>And I have my AppModule:</p>
  
  <pre><code>import { NgModule } from '@angular/core';
  
  import { AppBrowserModule } from './app-browser.module';
  import { AppRoutingModule } from './app-routing.module';
  
  import { HomeModule } from './home/home.module';
  
  import { AppComponent } from './app.component';
  
  @NgModule({
    declarations: [
      AppComponent
    ],
    imports: [
      AppBrowserModule,  
      HomeModule,
      AppRoutingModule
    ],
    exports: [],
    bootstrap: [ AppComponent ]
  })
  
  export class AppModule { }
  </code></pre>
  
  <ol>
  <li><p>Is it possible to have ClickOutsideModule available in all App modules, such as PopupModule, without the need to import it in every module? </p>
  
  <p>Or do I always need to import it in each module it uses it?</p></li>
  <li><p>What is Exports in AppModule for? </p></li>
  </ol>