Quelle est la différence entre (trigger) et (click) dans les composants Dart Angular ?

Question

J'ai constaté que certaines personnes utilisent (trigger) pour lier les événements de clics sur eg. <material-button> éléments, alors que j'utilisais toujours (click) . Quelle est la différence entre ces 2 directives ?

<material-button (click)="doStuff()">

<material-button (trigger)="doStuff()">

Pour moi, ils font exactement la même chose, mais je peux me tromper.

Answer 1

Comme vous pouvez le voir dans le Document officiel

déclencher est le nom d'un @Output() param qui émet un événement chaque fois que le bouton est activé par un clic, une pression ou une pression de touche.

(click) ne fonctionne que pour l'événement de clic, mais comme (trigger) est un émetteur d'événements personnalisé, il fonctionnera également pour les clics, les tapotements et les pressions de touche.

Answer 2

La différence la plus pratique entre (trigger) y (click) en <material-button> c'est que (trigger) les événements sont filtrés par le [disabled] attribut alors que (click) ne le fait pas.

<material-button (trigger)="someFunction()" [disabled]="true"> n'appellera pas someFunction() onClick.

<material-button (click)="someFunction()" [disabled]="true"> appellera someFunction() onClick.

En règle générale, je suggère de se lier à la (trigger) lors de l'utilisation de la directive <material-button> moins de code à modifier si vous décidez par la suite d'ajouter une [disabled] condition.