username works!

src/app/app.module.ts

@@ -24,10 +24,11 @@ import {MatFormFieldModule} from '@angular/material/form-field';
 
 import { LoginComponent } from './login/login.component';
 import { RegisterComponent } from './register/register.component';
+
 import { RegistrationService } from './registration.service';
 
-import { CreditCardValidator } from './creditcardvalidator.directive'
-import { CreditCardValidatorX } from './creditcardvalidatorx.directive'
+//import { CreditCardValidator } from './creditcardvalidator.directive'
+import { UsernameValidator } from './validators/username.validator'
 
 
 
@@ -37,9 +38,7 @@ import { CreditCardValidatorX } from './creditcardvalidatorx.directive'
     GameGridComponent,
     ViewCardComponent,
     LoginComponent,
-    RegisterComponent,
-    CreditCardValidator,
-    CreditCardValidatorX
+    RegisterComponent
   ],
   imports: [
     BrowserModule,
@@ -56,7 +55,7 @@ import { CreditCardValidatorX } from './creditcardvalidatorx.directive'
     MatPaginatorModule,
     MatFormFieldModule
   ],
-  providers: [GamesService, RegistrationService],
+  providers: [GamesService, RegistrationService, UsernameValidator],
   bootstrap: [AppComponent]
 })
 export class AppModule { }