diff --git a/apps/parent-form/src/app/app.component.html b/apps/parent-form/src/app/app.component.html
index 9357f3f..755f966 100644
--- a/apps/parent-form/src/app/app.component.html
+++ b/apps/parent-form/src/app/app.component.html
@@ -1,29 +1,10 @@
-
-
Welcome to {{ title }}!
-
+
+
+
+ {{ form.value | json }}
-
-
- This is an Angular app built with Nx.
-
-
🔎 **Nx is a set of Extensible Dev Tools for Monorepos.**
-
-
Quick Start & Documentation
-
-
-
-
diff --git a/apps/parent-form/src/app/app.component.ts b/apps/parent-form/src/app/app.component.ts
index 6d7a4e2..8b45865 100644
--- a/apps/parent-form/src/app/app.component.ts
+++ b/apps/parent-form/src/app/app.component.ts
@@ -1,4 +1,6 @@
+import { Contact } from '@nested-forms/contact-model';
import { Component } from '@angular/core';
+import { FormGroup, FormBuilder } from '@angular/forms';
@Component({
selector: 'nested-forms-root',
@@ -7,4 +9,34 @@ import { Component } from '@angular/core';
})
export class AppComponent {
title = 'parent-form';
+
+ contact: Contact = {
+ name: {
+ firstName: 'John',
+ lastName: 'Public',
+ middleName: 'Q',
+ prefix: 'Mr',
+ suffix: 'III',
+ },
+ addresses: [
+ {
+ line_1: '123 Main Street',
+ city: 'New York',
+ state: 'NY',
+ postalCode: '12345',
+ },
+ {
+ line_1: '123 South Street',
+ city: 'Boston',
+ state: 'MA',
+ postalCode: '54321',
+ },
+ ],
+ };
+
+ form: FormGroup;
+
+ constructor(private fb: FormBuilder) {
+ this.form = this.fb.group({});
+ }
}