Disable button in angular after clicking for short period of time

I have a angular application where there is a toolbar on top. There are some button on the toolbar which is working fine except when the user clicks it twice. For example, when the following button is clicked twice, it saves the data twice on the server.

   <a class="nav-link" (click)="buttonClicked()" href="#">
                    <i class="fas fa-save" title="History"></i>
   </a>

How can I stop this from happening.. May be I need to disable the button for few milliseconds in order to avoid accident clicking… But not sure how can I achieve this…

Thanks in advance.