app.module.ts

import { OrganizationComponent } from './organization/organization.component';
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import { AppMockService } from './shared/app.mock.service';
import { AppService } from './shared/app.service';
import { OrganizationModule } from './organization/organization.module';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { RouterModule } from '@angular/router';
import { NewOrganizationComponent } from './organization/new-organization/new-organization.component';
import { NewEventComponent } from './organization/new-event/new-event.component';


@NgModule({
  imports: [
    BrowserModule,
    BrowserAnimationsModule,
    OrganizationModule,
    RouterModule.forRoot([
      {path: 'new-organization', component: NewOrganizationComponent},
      {path: 'organization', component: OrganizationComponent},
      {path: 'new-event/:id', component: NewEventComponent},
      {path: '', redirectTo: 'organization', pathMatch: 'full'}
    ], { useHash: true})
  ],
  declarations: [
    AppComponent
  ],
  providers: [{ provide: AppService, useClass: AppMockService}],
  bootstrap: [AppComponent]
})
export class AppModule { }