How to Programmatically Trigger 'Click' Event in Angular 6?

Question

Essentially, I want to trigger the input button in the page using TypeScript

Answer 1

//its no different than doing it in vanilla JS

let elem = document.getElementById('submitBtn');

let evt = new MouseEvent('click', {
        bubbles: true,
        cancelable: true,
        view: window
    });

elem.dispatchEvent(evt);

Answer 2

Use @ViewChild as follows in .ts

 @ViewChild('fileInput') fileInput: ElementRef;

 let inputElement: HTMLElement = this.fileInput.nativeElement as HTMLElement;
 inputElement.click();

In your .html,

 <input #fileInput type="file" ng2FileSelect (onFileSelected)="fileUpload($event)"/>

Answer 3

JS code:

document.getElementById('mat-checkbox-1-input').click();

Happy Coding!!!