کار نکردن افزودن آیتم از کامپوننت فرزند به والد

سلام وقتتون بخیر
من دو کامپوننت والد و فرزند به نام های پروژه (والد) و افزودن پروژه(فرزند) دارم.

• درون کامپوننت پروژه ها ، لیستی از پروژه ها قرار میگیره.
• درون کامپوننت افزودن پروژه ها ، فرمی قرار میگیره که بعد از ثبت شدن، باید یک پروژه رو به کامپوننت پروژه ها ارسال کنه.

فایل project.component.html :

<div class="projectsWrapper">
    <div class="projectItem" *ngFor="let project of projects" (addProject)="addProject(project)">
        <img [src]="project.img" alt="{{ project.name }}">
        <h6>{{ project.title }}</h6>
        <img  class="divider" src="../../assets/img/divider.png" alt="divider">
        <span><i class="la la-users"></i> : {{ project.teamCount }} نفر</span>
        <span><i class="la la-clock-o"></i> : {{ project.projectDate }}</span>
        <a [routerLink]="['/single']" class="projectMore"><i class="la la-link"></i>جزییات پروژه</a>
        <div class="projectFooter">
            <button type="button" mdbBtn class="edit" (click)="editProject(project)">ویرایش</button>
            <button type="button" mdbBtn class="remove" (click)="removeProject(project)">حذف</button>
        </div>
    </div>
</div>

فایل project.component.ts :

import { Component, OnInit } from '@angular/core';
import { newProjectForm } from '../shared/models/newProjectForm';

@Component({
    selector: 'app-projects',
    templateUrl: './projects.component.html',
    styleUrls: ['./projects.component.scss']
})
export class ProjectsComponent implements OnInit {
    projects : newProjectForm[] = [];

    constructor() { }

    ngOnInit() {}

    removeProject( project : newProjectForm ){
        this.projects.splice(this.projects.indexOf(project) , 1);
    }

    addProject(project : newProjectForm){
        this.projects.push(project);
    }
}

فایل new-project.component.html :

<form [formGroup]="projectForm" (ngSubmit)="createProject(form)">
                    <h6>توسط این فرم ، پروژه ی خود را به لیست پروژه ها اضافه نمایید.</h6>

                    <span class="validateError" *ngIf="!projectForm.valid && projectForm.touched">تمامی مقادیر را باید وارد کنید. مقادیر خالی مجاز نمی باشد.</span>
                    <input formControlName="name" name="name" type="text" class="form-control mb-4" placeholder="نام پروژه را وارد کنید...">                    
                    <input formControlName="teamCount" name="teamCount" type="number" placeholder="تعداد اعضای تیم این پروژه را وارد کنید">

                    <label for="imgUpload"><i class="la la-cloud-upload"></i><span>تصویر مورد نظر برای این پروژه را انتخاب کنید</span></label>
                    <input formControlName="image" name="file" type="file" id="imgUpload">                        

                    <textarea formControlName="text" name="text" class="form-control rounded-0 mb-4" rows="6" placeholder="توضیحات پروژه را یادداشت نمایید..."></textarea>

                    <button mdbBtn type="submit" [disabled]="!projectForm.valid"><i class="la la-plus"></i>افزودن به لیست پروژه</button>
                </form>

فایل new-project.component.ts :

import { Component, OnInit, Output, EventEmitter } from '@angular/core';
import { FormControl, FormGroup , Validators, FormBuilder } from "@angular/forms";
import { newProjectForm } from 'src/app/shared/models/newProjectForm';

@Component({
    selector: 'app-new-project',
    templateUrl: './new-project.component.html',
    styleUrls: ['./new-project.component.scss']
})
export class NewProjectComponent implements OnInit {
    @Output() addProject : EventEmitter<newProjectForm> = new EventEmitter<newProjectForm>();

    projects : newProjectForm;
    id = new FormControl('');
    name = new FormControl('' , [Validators.required , Validators.minLength(5)]);
    image = new FormControl('', Validators.required);
    text = new FormControl('' ,Validators.required);
    teamCount = new FormControl('' ,Validators.required);

    projectForm: FormGroup = this.formBuilder.group({
        id : this.id,
        name : this.name,
        image : this.image,
        text : this.text,
        teamCount : this.teamCount
    });

    constructor(private formBuilder: FormBuilder) {}

    ngOnInit() {}

    createProject(){
        this.addProject.emit(Object.assign({}, this.projectForm.value));
        console.log(this.projectForm.value);
        this.projectForm.reset();
    }
}

من وقتی log میگیرم، وقتی داخل فرم، submit صورت میگیره، کاملا اطلاعات رو بدرستی از فرم میگیره و لاگ میکنه. ولی در push کردن مشکل وجود داره.
ممنون میشم راهنمایی کنید. تشکر