title: not able to emit a function from one component to another component
body: <p>I have two components in my angular file.
  one is the discussion component and under the discussion component, I created one more component called add-files component.</p>
  
  <p>I want to emit a function from the discussion component to the add-files component.but I am not able to perform this activity.</p>
  
  <p>you can see my efforts below.
  add-files component</p>
  
  <pre><code>@Input('removeFile')
    removeAttachments: boolean = false;
  
  removeitem($event: string)
  {
    alert("in file component");
    this.uploader.clearQueue();
  }
  </code></pre>
  
  <p>discussion.component.html</p>
  
  <pre><code>&lt;div class="col-12 col-sm-6 col-lg-6"&gt;
              &lt;input type="submit" value="Send" (click)="removeitems1()" class="greenBtn float-right addCommentsBtn"
                [disabled]="commentForm.pristine || commentForm.invalid" onclick="closeCommnetPopupBox()"&gt;
            &lt;/div&gt;
  
  &lt;app-add-files  (removeitems)="removeitem($event)"&gt;&lt;/app-add-files&gt;
  </code></pre>
  
  <p>discussion.component.ts</p>
  
  <pre><code>removeitems1()
  {
    alert("called");
    this.sessionService.SetSessionItem("removeUploadfile","true");
    //this.comp.removedoc();
    this.removeitem.emit("hi");
  }
  </code></pre>
  
  <p>you can see from the above code I want to emit the function in the add-files component whenever the user will click on the submit button.</p>
  
  <p>the above code is not working and I am new to the Angular. can anyone suggest something?</p>