title: How to import MdDialog and MdDialogRef with a seperate Material Module
body: <p>I created a separate modules for my few Material requirements.</p>
  
  <pre><code>import { NgModule } from '@angular/core';
  import {MdButtonModule, MdCheckboxModule, MdIconModule,MdDialogModule} from '@angular/material';
  
  @NgModule({
    imports: [MdButtonModule, MdCheckboxModule, MdIconModule, MdDialogModule],
    exports: [MdButtonModule, MdCheckboxModule, MdIconModule, MdDialogModule],
  })
  export class MaterialModule { }
  </code></pre>
  
  <p>I am importing this to my app-module and then to one of my component where I need a dialog box.</p>
  
  <pre><code>import {MaterialModule} from '../../materialModule/material.module';
  </code></pre>
  
  <p>Now how do I get hold of <code>MdDialog</code> and <code>MdDialogRef</code>  ?</p>
  
  <p>I have seen tutorials doing it like : </p>
  
  <pre><code>import {MdDialog, MdDialogRef} from '@angular/material';
  </code></pre>
  
  <p>But I guess it defeats the whole purpose of a separate module if I have to import from <code>@angular/material</code>.</p>
  
  <p>Am I wrong in believing so. How exactly I import {MdDialog, MdDialogRef} using my (recommended by Angular) approach ?</p>