When I try to upload file from child component its not emitting the event of upload

[jayprajapati857]

This method is in app.component.ts

startUpload(): void {
    const event: UploadInput = {
        type: 'uploadAll',
        url: 'http://test.com77s/8887',
        method: 'POST',
        data: {
            test: 'test'
        }
    }
    console.info('Starting upload', event, this);
    this.uploadInput.emit(event);
}

This code is in app component and I want to upload it using upload component which is child of app component.

When I try putting the directly to app component its working but when I try to do it from child its not working

<app-select-files (parentStartUploadButtonClick)="startUpload()"></app-select-files>

above app-select files is in app component

import { Component, OnInit, Output, EventEmitter } from '@angular/core';

@Component({
  selector: 'app-select-files',
  templateUrl: './select-files.component.html',
  styleUrls: ['./select-files.component.scss']
})
export class SelectFilesComponent implements OnInit {

  @Output() parentStartUploadButtonClick = new EventEmitter<any>();
  constructor() { }

  ngOnInit() {
  }

  protected startUploadButtonClick(event?: any): any {
    console.log(event);
    this.parentStartUploadButtonClick.emit(event);
  }

}

This app-select-files component html is given here

<div class="drop-container" ngFileDrop [options]="options" (uploadOutput)="onChildUploadOutput($event)" [uploadInput]="uploadInput" [ngClass]="{ 'is-drop-over': dragOver }">
    <h1>Drag &amp; Drop</h1>

    <label class="upload-button">
        <input type="file" ngFileSelect [options]="options" (uploadOutput)="onChildUploadOutput($event)"
            [uploadInput]="uploadInput" multiple>
        or choose file(s)
    </label>

    <button type="button" class="start-upload-btn" (click)="startUploadButtonClick($event)">
        Start Upload
    </button>
</div>

When I try to press the button start upload Its not uploading file. So when I debug the code in the parent of this component which is app component I found that the UploadInput EventEmitter has no Observers.

But when I try putting the html to upload the files in the app component its working.

Can anyone tell me what to do If I want to do it from the app-select-files component.

Thanks in Advance.