Api Integrated for registration button

src/app/auth/register/register.page.ts

 import { Component, OnInit } from '@angular/core';
 import { Observable } from 'rxjs';
+import { HttpClient } from '@angular/common/http';
+import { RestService } from 'src/app/rest.service';
+import { Router } from '@angular/router';
 
 @Component({
   selector: 'app-register',
@@ -7,14 +10,33 @@ import { Observable } from 'rxjs';
   styleUrls: ['./register.page.scss'],
 })
 export class RegisterPage implements OnInit {
-  httpClient: any;
+ 
   registerApi: Observable<any>;
-  restService: any;
-  router: any;
+ 
   correctCredentials: boolean;
-  constructor() { }
+  email: "";
+  password: "";
+  lastName: "";
+  firstName: "";
+  constructor(private router: Router, public httpClient: HttpClient, public restService: RestService) { }
 
   ngOnInit() {
   }
- 
+  submitRegister() {
+    this.registerApi = this.httpClient.post('http://193.196.52.237:8081/register', {
+      "email": this.email,
+      "password": this.password,
+      "firstname": this.firstName,
+      "lastname": this.lastName
+    });
+    this.registerApi
+      .subscribe((data) => {
+        console.log('my data: ', data);
+        this.restService.setToken(data.token);
+        this.router.navigateByUrl('/home');
+      }, (error) => {
+        console.log(error);
+        this.correctCredentials = true;
+      });
+  }
 }