Adding nested objects to a constant in Angular2 - mongodb

Question

Looking to understand why this isn't working as intended and possible ways to fix. I run this function and try to get it to return information filled out on a registration form to later attach to my data model. I am trying on the first entry to also put in default values so they do not stay empty as I am using MongoDB to store the data. The data model can see everything but "objects".
register.component.ts
import { Component, OnInit } from '#angular/core';
import { ValidateService } from '../../services/validate.service';
import { FlashMessagesService } from 'angular2-flash-messages';
import { AuthService } from '../../services/auth.service';
import { Router } from '#angular/router';
#Component({
selector: 'app-register',
templateUrl: './register.component.html',
styleUrls: ['./register.component.css']
})
export class RegisterComponent{
name: String;
email: String;
phonenumber: String;
username: String;
password: String;
objects: Object;
object1: Object;
object2: Object;
foo: String;
bar: String;
constructor(private validateService: ValidateService,
private flashMessage: FlashMessagesService,
private authService: AuthService,
private router: Router) { }
onRegisterSubmit(){
const user = {
name: this.name,
email: this.email,
phonenumber: this.phonenumber,
username: this.username,
password: this.password,
objects: {
object1: {
foo: "no foo",
bar: "no bar"
},
object2: {
foo: "no foo",
bar: "no bar"
}
}
}
this.authService.registerUser(user).subscribe(data => {
if(data.success){
this.flashMessage.show('You are now registered and can log in', {cssClass: 'alert-success', timeout: 3000});
this.router.navigate(['/login']);
} else {
this.flashMessage.show('Something went wrong', {cssClass: 'alert-danger', timeout: 3000});
this.router.navigate(['/register']);
}
});
}
register.component.html
<h2 class="page-header">Register</h2>
<form (submit)="onRegisterSubmit()">
<div class="form-group">
<label>Name</label>
<input type="text" [(ngModel)]="name" name="name" class="form-control">
</div>
<div class="form-group">
<label>Username</label>
<input type="text" [(ngModel)]="username" name="username" class="form-control">
</div>
<div class="form-group">
<label>Email</label>
<input type="text" [(ngModel)]="email" name="email" class="form-control" >
</div>
<div class="form-group">
<label>Phonenumber</label>
<input type="text" [(ngModel)]="phonenumber" name="phonenumber" class="form-control" >
</div>
<div class="form-group">
<label>Password</label>
<input type="password" [(ngModel)]="password" name="password" class="form-control">
</div>
<input type="submit" class="btn btn-primary" value="Submit">
</form>