title: Export Typescript interface from Angular module
body: <p>I've got a Typescript interface <code>IBreadcrumbNavigation</code> I'm exporting. I can use it in an Angular component with <code>import { IBreadcrumbNavigation } from 'app/shared/interfaces/breadcrumbNavigation';</code></p>
  
  <p>However, the component's module already imports a <code>SharedModule</code>. I'd like to put the <code>IBreadcrumbNavigation</code> interface in the <code>SharedModule</code> so that I don't need to explicitly import it into each component that wants to use it.</p>
  
  <p>In my <code>SharedModule</code> I've got</p>
  
  <pre><code>import { IBreadcrumbNavigation } from './interfaces/breadcrumbNavigation';
  
  @NgModule({
      declarations: [
          IBreadcrumbNavigation
      ],
      exports: [
          IBreadcrumbNavigation
      ]
  })
  export class SharedModule { };
  </code></pre>
  
  <p>TypeScript gives the error "'IBreadcrumbNavigation' only refers to a type, but is being used as a value here."</p>
  
  <p>If I change <code>IBreadcrumbNavigation</code> from an interface to a class, the error goes away.</p>
  
  <p>Is there a good fix to this, or do I just need to explicitly import the interface directly into each component?</p>