Register component to register a new user

register.component.ts

import { Component, OnInit } from '@angular/core';
import { Http } from '@angular/http';
import { Router } from '@angular/router';
import { CosmicService } from '../../services/cosmic.service'
import {config} from '../../../config/cosmo.config'import { FormBuilder, FormGroup, FormControl, Validators } from '@angular/forms';

@Component({
 selector: 'app-register',
 templateUrl: './register.component.html',
 styleUrls: ['./register.component.css']
})
export class RegisterComponent implements OnInit { registerForm: FormGroup;
 message = "";
 data;
 img; constructor(private _http: Http, private fb: FormBuilder, private router: Router, private cosmicService: CosmicService,) {
   this.registerForm = this.fb.group({
     'username': ['', Validators.required],
     'email': ['', Validators.required],
     'fullName': ['', Validators.required],
     'password': ['', Validators.required],
     'imageUrl': ['', Validators.required],   });
 } imagesave(e: Event) {
   const target: HTMLInputElement = e.target as HTMLInputElement;
   let file = target.files[0];
   this.img = file;
   console.log(this.img);
 } 
//registering the user
 register() {
   const credentials = this.registerForm.value;
   console.log(credentials.image);
   credentials.write_key = config.write_key;
   credentials.read_key = config.read_key;   
this.cosmicService.getUser(credentials)
     .subscribe(res => {
       this.data = res;
       var jsondata = JSON.parse(this.data._body);
       if (jsondata.message == "No objects returned.") {
         this.cosmicService.addUser(credentials)
           .subscribe(res => {
             console.log(res);
             if (res) {
               this.router.navigate(['login']);
             }
           })
       }
       else {
         return this.message = "Username already exists";       }
     })
 } 

loginCall() {
   this.router.navigate(['login']);
 } ngOnInit() {
 }}