title: How to trigger (change) event manually in TypeScript?
body: <p>I have the the following select element:</p>
  
  <pre><code>&lt;select (change)="onChange(start, end, break, project);" [acTotalStatus]="this.totalStatus"
          [acMonth]="this.date.month" [acYear]="this.date.year" [acCustomer]="this.selectedCustomerFromProject" 
          id="dailyEntryProject" class="form-control" name="project" [(ngModel)]="projectName" #project="ngModel" 
          tabIndex="0" required&gt;
      &lt;option value=" " disabled selected&gt;Select your option&lt;/option&gt;
      &lt;option *ngFor="let project of projects" [ngValue]="project.name"&gt;{{project.name}}&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>I have a two way binding <code>[(ngModel)]="projectName"</code> In one case im setting the <code>projectName</code> manually in typescript which does not trigger the <code>(change)</code> event. I would like to trigger it manually which i could not figure out how to do. The reason i dont call <code>onChange(start, end, break, project)</code> directly in typescript is because the parameters needed are defined within the html document.</p>
  
  <p>I tried using changedetection, firing events, dispatching events etc. but couldnt find a way to trigger <code>(change)</code> manually yet.</p>