routing module

Author: phpcodebooster

src/app/app-routing.module.ts

@@ -0,0 +1,34 @@
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+
+import { LoginComponent } from './login/login.component';
+import { DashboardComponent } from './dashboard/dashboard.component';
+
+import { AuthService } from './services/auth.service';
+
+const routes: Routes = [
+    {
+        path: '',
+        redirectTo: 'login',
+        pathMatch: 'full'
+    },
+    {
+        path: 'login',
+        component: LoginComponent
+    },
+    {
+        path: 'dashboard',
+        component: DashboardComponent,
+        canActivate: [ AuthService ]
+    }
+];
+
+@NgModule({
+    imports: [
+        RouterModule.forRoot(routes)
+    ],
+    exports: [
+        RouterModule
+    ]
+})
+export class AppRoutingModule { }

src/app/app.module.ts

@@ -1,7 +1,6 @@
 import { BrowserModule } from '@angular/platform-browser';
 import { NgModule } from '@angular/core';
 import { ReactiveFormsModule } from '@angular/forms';
-import { RouterModule, Routes } from '@angular/router';
 import { HttpClientModule } from '@angular/common/http';
 
 import { AppComponent } from './app.component';
@@ -11,23 +10,8 @@ import { HeaderComponent } from './header/header.component';
 import { FooterComponent } from './footer/footer.component';
 
 import { AuthService } from './services/auth.service';
+import { AppRoutingModule } from './app-routing.module';
 
-const routes: Routes = [
-    {
-        path: '',
-        redirectTo: 'login',
-        pathMatch: 'full'
-    },
-    {
-        path: 'login',
-        component: LoginComponent
-    },
-    {
-        path: 'dashboard',
-        component: DashboardComponent,
-        canActivate: [ AuthService ]
-    }
-];
 
 @NgModule({
   declarations: [
@@ -41,7 +25,7 @@ const routes: Routes = [
     BrowserModule,
     HttpClientModule,
     ReactiveFormsModule,
-    RouterModule.forRoot(routes)
+    AppRoutingModule
   ],
   providers: [AuthService],
   bootstrap: [AppComponent]

src/configs/dev.json

@@ -0,0 +1,8 @@
+{
+  "mysql": {
+    "host"     : "localhost",
+    "user"     : "root",
+    "password" : "root",
+    "database" : "angular5-admin"
+  }
+}

src/configs/prod.json

@@ -0,0 +1,8 @@
+{
+  "mysql": {
+    "host"     : "localhost",
+    "user"     : "root",
+    "password" : "root",
+    "database" : "angular5-admin"
+  }
+}