title: Angular2 How to trigger (click) event without clicking
body: <p>I want to pass data from HTML to the component so I've created an event like this:</p>
  
  <pre><code>&lt;div id="tutor-price" (click)="passCharge(r.value['charge'])"&gt;&lt;span id="month"&gt;월 8회&lt;/span&gt; &lt;span id="price"&gt; {{r.value['charge']}} &lt;/span&gt;&lt;/div&gt;
  </code></pre>
  
  <p><strong>And in component:</strong> </p>
  
  <pre><code>passCharge(charge){
     this.charge = charge;
     console.log(this.charge,"give me the number")
  }
  </code></pre>
  
  <p>If I click the event, I see everything's working fine. 
  But I want to trigger this click event automatically since I want the component to use 'this.charge' value right away once the component is done the loading.</p>
  
  <p>Is there any way I can trigger (click) event automatically?</p>