title: Input not triggering change event
body: <p>I have the following input </p>
  
  <pre><code>&lt;input
    id="{{options.elementId}}"
    #awesomplete
    class="c-awesomplete__input dropdown-input"
    [formControl]="control"
    [type]="customType"
    [label]="options.label"
    (click)="toggleDropdown()"
    (change)="changed($event)"&gt;
  </code></pre>
  
  <p>Which uses the awesomplete jquery plugin. And when I'm selecting or writing a value, it is not triggering the changed event. And I have no idea why, unless I click outside of the input component. If I click outside the input, it will trigger the change. But I would like for it to trigger once I select a value from a dropdown or I write something. </p>
  
  <pre><code>  @ViewChild("awesomplete", {static: false}) public awesompleteRef: ElementRef;
    @Input() public control: FormControl;
    @Input() public options: IAwesompleteOptions;
  
    public awesomplete: Awesomplete;
  
    constructor() { }
  
    ngOnInit() {
      this.control.enable();
    }
  
    ngAfterViewInit() {
      this.awesomplete = new Awesomplete(this.awesompleteRef.nativeElement, this.options);
  
    }
  
    public toggleDropdown(): void {
      this.awesomplete.evaluate();
      this.awesomplete.open();
    }
  
    public clearText(): void {
      this.control.setValue("");
    }
  
    public changed($event): void {
      console.log("I've changed");
    }
  </code></pre>