Angular generate refresh button click

Question

I have a button that refreshes data.

I would like to generate 10 clicks on this button.

<data-box class="market" [data]="data">
  <h2>Data</h2>
  <img class="refresh" src="assets/img/refresh.png" (click)="getMarketData()"/>
</data-box>

I want a function that clicks the button (not call the function that is triggered by the button)

I want to make a function that clicks the button when I want. (Not call the function that is triggered by the button) — Snaf
– Snaf, Commented Aug 6, 2019 at 13:25
Hi and welcome to Stack Overflow! To improve your experience, read how to ask an on-topic question. You should also take a look at the question checklist and how to create a Minimal, Complete, and Verifiable example. To lean more about how Stack Overflow works, take the tour. — jsadev.net
– jsadev.net, Commented Aug 6, 2019 at 13:45

AgedPeanuts · Accepted Answer · 2019-08-06 13:19:49Z

2

<img class="refresh" src="assets/img/refresh.png" #Refresh (click)="getMarketData()" />

Add #Refresh on your element, and then reference it using ViewChild

@ViewChild('Refresh') myDiv: ElementRef<HTMLElement>;

  triggerFalseClick() {
    let el: HTMLElement = this.myDiv.nativeElement;
    el.click();
}

triggerFalseClick will click your button, you can call it as many times as you want.

answered Aug 6, 2019 at 13:19

AgedPeanuts

1452 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1