how to automatically enable a button without clicking on it?

i want the first button to be clicked right when the page loads im building it using html,css, typescript

<div class="media-column">
<!-- posts button -->
<button #postsButton class="media-button"(click)="applyFilter('posts')">
<span class="media-label">Posts</span>
</button>
<!-- images button -->
<button class="media-button"(click)="applyFilter('images')">
<span class="media-label">Pictures</span>
</button>
<!-- videos button -->
<button class="media-button" (click)="applyFilter('videos')">
<span class="media-label">Videos</span>
</button>
</div>


i tried but it didnt work, i didnt getthe button clicked

@ViewChild('postsButton', { static: true }) postsButton!: ElementRef;

ngOnInit() {
this.postsButton.nativeElement.click();
}

Continue reading...