import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule } from '@angular/forms';
import { RouterModule, Routes } from '@angular/router';
import { HttpModule } from '@angular/http';
import { AppComponent } from './app.component';
import { HomeComponent } from './component/home/home.component';
import { NewsComponent } from './component/news/news.component';
import { NewsAddComponent } from './component/news/add.component';
import { MessageComponent } from './component/message/message.component';
import { MessageAddComponent } from './component/message/add.component';
import { MemberComponent } from './component/member/member.component';
import { SettingComponent } from './component/setting/setting.component';
import { ActiveComponent } from './component/active/active.component';
import { GoodsComponent } from './component/goods/goods.component';

const routes: Routes = [
  { path: '', redirectTo: 'home', pathMatch: 'full' },
  { path: 'home', component: HomeComponent },
  { path: 'news', component: NewsComponent },
  { path: 'news/add', component: NewsAddComponent },
  { path: 'active', component: ActiveComponent },
  { path: 'message', component: MessageComponent },
  { path: 'message/add', component: MessageAddComponent },
  { path: 'member', component: MemberComponent },
  { path: 'setting', component: SettingComponent },
  { path: 'goods', component: GoodsComponent }
];

@NgModule({
  imports: [BrowserModule, FormsModule, HttpModule, RouterModule.forRoot(routes)],
  declarations: [AppComponent, HomeComponent, NewsComponent, NewsAddComponent, MessageComponent, MessageAddComponent, MemberComponent, SettingComponent, ActiveComponent,GoodsComponent],
  bootstrap: [AppComponent],
})

export class AppModule { }