add hash

Author: jojozhuang

src/app/app.route.ts src/app/app-routing.module.tssrc/app/app.route.ts renamed to src/app/app-routing.module.ts

@@ -1,13 +1,19 @@
-import { Routes } from '@angular/router';
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
 
-// components
 import { HomeComponent } from './home/home.component';
 import { CompareEditorComponent } from './compare-editor/compare-editor.component';
 
-export const appRoutes: Routes = [
+const routes: Routes = [
   { path: '', component: HomeComponent },
   { path: 'home', component: HomeComponent },
   { path: 'textcompare', component: CompareEditorComponent },
   // otherwise redirect to home
-  { path: '**', redirectTo: '' }
+  { path: '**', redirectTo: '' },
 ];
+
+@NgModule({
+  imports: [RouterModule.forRoot(routes, { useHash: true })],
+  exports: [RouterModule],
+})
+export class AppRoutingModule {}

src/app/app.module.ts

@@ -12,7 +12,7 @@ import { FormsModule } from '@angular/forms';
 import { MonacoEditorModule } from 'ngx-monaco-editor-v2';
 
 // routes
-import { appRoutes } from './app.route';
+import { AppRoutingModule } from './app-routing.module';
 
 @NgModule({
   declarations: [
@@ -25,8 +25,8 @@ import { appRoutes } from './app.route';
   imports: [
     BrowserModule,
     FormsModule,
-    MonacoEditorModule.forRoot(),
-    RouterModule.forRoot(appRoutes, {})
+    AppRoutingModule,
+    MonacoEditorModule.forRoot()
   ],
   providers: [],
   bootstrap: [AppComponent]