Organizing Angular 2 imports...

app.component.ts

import { MD_DIRECTIVES } from './md.providers.ts';

@Component({
  //...
  directives: [MD_DIRECTIVES]
})
//...

md.providers.ts

import { MD_CARD_DIRECTIVES } from ‘@angular2-material/card’;
import { MdCheckbox } from ‘@angular2-material/checkbox’;
import { MD_GRID_LIST_DIRECTIVES } from ‘@angular2-material/grid-list’;
import { MdInput } from ‘@angular2-material/input’;
import { MD_LIST_DIRECTIVES } from ‘@angular2-material/list’;
import { MD_PROGRESS_BAR_DIRECTIVES } from ‘@angular2-material/progress-bar’;
import { MD_PROGRESS_CIRCLE_DIRECTIVES } from ‘@angular2-material/progress-circle’;
import { MD_RADIO_DIRECTIVES } from ‘@angular2-material/radio’;
import { MD_SIDENAV_DIRECTIVES } from ‘@angular2-material/sidenav’;
import { MD_SLIDE_TOGGLE_DIRECTIVES } from ‘@angular2-material/slide-toggle’;
import { MD_TABS_DIRECTIVES } from ‘@angular2-material/tabs’;
import { MD_TOOLBAR_DIRECTIVES } from ‘@angular2-material/toolbar’;

export const MD_DIRECTIVES = [
  ...MD_CARD_DIRECTIVES,
  ...MD_GRID_LIST_DIRECTIVES,
  MdCheckbox,
  MdInput,
  //...
]