En angular, una forma común de llamar a una función cuando se hace clic en un botón es escribir:

 <button (click)="clickFn()">Click Me!</button>

Luego, en otro archivo, tendría su función clickFn() .

Mi pregunta es: si clickFn() es una función asíncrona, ¿debe llamarse de manera diferente para que el navegador la interprete como una función asíncrona, o se llama automáticamente como una función asíncrona?

Busqué en los documentos angulares y en el desbordamiento de la pila, pero no pude encontrar nada sobre esta pregunta.

Editar:

Claro, @mikeone, hay muchas llamadas de ejemplo que podría querer ejecutar para un botón. En mi proyecto, una característica que tenemos es permitirle al usuario editar su nombre de usuario. Esto debe ser asincrónico porque estamos enviando una solicitud POST a una base de datos con el nombre actualizado del usuario y luego nos aseguramos de que se haya recibido y actualizado antes de continuar. Podemos usar una promesa para esto así:

(En componente.ts)

 async changeUsername(updatedName: string){ await new Promise((res,rej)=>{ // * make call to database and then resolve with code 200 ... res(200) }) }