How to use @angular2-material/sidenav - 5 common examples

PortalModule,
    RtlModule,
];

@NgModule({
    imports: [
        MdButtonModule.forRoot(),
        MdCardModule.forRoot(),
        MdCheckboxModule.forRoot(),
        MdGridListModule.forRoot(),
        MdInputModule.forRoot(),
        MdListModule.forRoot(),
        MdProgressBarModule.forRoot(),
        MdProgressCircleModule.forRoot(),
        MdRippleModule.forRoot(),
        MdSidenavModule.forRoot(),
        MdTabsModule.forRoot(),
        MdToolbarModule.forRoot(),
        PortalModule.forRoot(),
        RtlModule.forRoot(),

        // These modules include providers.
        MdButtonToggleModule.forRoot(),
        MdIconModule.forRoot(),
        MdMenuModule.forRoot(),
        MdRadioModule.forRoot(),
        MdSliderModule.forRoot(),
        MdSlideToggleModule.forRoot(),
        MdTooltipModule.forRoot(),
        OverlayModule.forRoot(),
    ],
    exports: MATERIAL_MODULES,

const MATERIAL_MODULES: any[] = [
    MdCoreModule,
    MdSidenavModule,
    MdListModule,
    MdToolbarModule,
    MdCardModule,
    MdRadioModule,
    MdInputModule,
    MdButtonModule,
    MdIconModule
];

@NgModule({
    imports: [
        MdCoreModule.forRoot(),
        MdSidenavModule.forRoot(),
        MdListModule.forRoot(),
        MdToolbarModule.forRoot(),
        MdCardModule.forRoot(),
        MdRadioModule.forRoot(),
        MdInputModule.forRoot(),
        MdButtonModule.forRoot(),
        MdIconModule.forRoot()
    ],
    exports: MATERIAL_MODULES
})

export class MaterialModule { }

}
    AppComponent.prototype.ngOnInit = function () {
        window.addEventListener('online', this.updateOnlineOfflineIndicator);
        window.addEventListener('offline', this.updateOnlineOfflineIndicator);
        this.updateOnlineOfflineIndicator();
    };
    AppComponent.prototype.login = function () {
        this.af.auth.login();
    };
    AppComponent = __decorate([
        core_1.Component({
            moduleId: module.id,
            selector: 'invest-systems-org',
            templateUrl: 'app.component.html',
            styleUrls: ['app.component.css'],
            directives: [sidenav_1.MD_SIDENAV_DIRECTIVES, router_1.ROUTER_DIRECTIVES, toolbar_1.MdToolbar, button_1.MD_BUTTON_DIRECTIVES, icon_1.MdIcon, spinner_component_1.SpinnerComponent],
            providers: [
                ,
                store_1.provideStore({ areas: area_reducer_1.areasReducer }),
            ]
        }), 
        __metadata('design:paramtypes', [angularfire2_1.AngularFire])
    ], AppComponent);
    return AppComponent;
}());
exports.AppComponent = AppComponent;

var AppModule = (function () {
    function AppModule() {
    }
    AppModule = __decorate([
        core_1.NgModule({
            imports: [
                platform_browser_1.BrowserModule,
                forms_1.FormsModule,
                forms_1.ReactiveFormsModule,
                app_routes_1.routing,
                http_1.HttpModule,
                dir_1.RtlModule,
                sidenav_1.MdSidenavModule,
                list_1.MdListModule,
                toolbar_1.MdToolbarModule,
                card_1.MdCardModule,
                radio_1.MdRadioModule,
                input_1.MdInputModule,
                button_1.MdButtonModule
            ],
            declarations: [
                app_component_1.AppComponent,
                home_component_1.HomeComponent,
                i18n_component_1.I18nComponent,
                list_component_1.ListComponent,
                validation_component_1.ValidationComponent,
                angular2localization_2.TranslatePipe,
                angular2localization_2.LocaleDatePipe,
                angular2localization_2.LocaleDecimalPipe,

HttpModule,

    MdButtonModule.forRoot(),
    MdButtonToggleModule.forRoot(),
    MdCardModule.forRoot(),
    MdCheckboxModule.forRoot(),
    MdGridListModule.forRoot(),
    MdIconModule.forRoot(),
    MdInputModule.forRoot(),
    MdListModule.forRoot(),
    MdMenuModule.forRoot(),
    MdProgressBarModule.forRoot(),
    MdProgressCircleModule.forRoot(),
    MdRadioModule.forRoot(),
    MdRippleModule.forRoot(),
    MdSidenavModule.forRoot(),
    MdSliderModule.forRoot(),
    MdSlideToggleModule.forRoot(),
    MdTabsModule.forRoot(),
    MdToolbarModule.forRoot(),
    MdTooltipModule.forRoot(),
    OverlayModule.forRoot(),
    PortalModule.forRoot(),
    RtlModule.forRoot(),

    routing
  ],
  providers: [
    AlbumService, 
    GenreService, 
    AuthService,
    CartService,