val2

src/app/app.module.ts

@@ -3,14 +3,16 @@ import { NgModule } from '@angular/core';
 import {HttpClientModule} from '@angular/common/http';
 import { ReactiveFormsModule } from '@angular/forms';
 
-import { AppComponent } from './app.component';
 import { GamesService } from './games.service';
+import { AbstractControl } from '@angular/forms';
+
+import { AppComponent } from './app.component';
 import { GameGridComponent } from './game-grid/game-grid.component';
 import { AppRoutingModule } from './/app-routing.module';
 import { ViewCardComponent } from './view-card/view-card.component';
 
 import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
-import { MatCardModule } from '@angular/material';
+import {MatCardModule} from '@angular/material';
 import {MatToolbarModule} from '@angular/material/toolbar';
 import {MatMenuModule} from '@angular/material/menu';
 import {MatIconModule} from '@angular/material/icon';
@@ -22,6 +24,8 @@ import {MatFormFieldModule} from '@angular/material/form-field';
 
 import { LoginComponent } from './login/login.component';
 import { RegisterComponent } from './register/register.component';
+import { RegistrationService } from './registration.service';
+
 
 
 @NgModule({
@@ -47,7 +51,7 @@ import { RegisterComponent } from './register/register.component';
     MatPaginatorModule,
     MatFormFieldModule
   ],
-  providers: [GamesService],
+  providers: [GamesService, RegistrationService],
   bootstrap: [AppComponent]
 })
 export class AppModule { }