angular / angular/components

[FR] afterClosed for MatMenuTrigger and MatMenu

Ouverte
#11,929 4 commentaires 4 réactions 0 personnes assignées Voir sur GitHub
area: material/menu feature P4
Langage dominant
TypeScript
Étoiles
25k
Forks
6.8k
Merge moyen
1 j 8 h
PR mergées (30 j)
91

Description

#### Bug, feature request, or proposal:
feature request

#### What is the expected behavior?
I want to be able to detect when a menu is completely closed (after the animation is done)

#### What is the current behavior?
there is a `menuClosed` event that is called when menu is about to be clsoed

#### What is the use-case or motivation for changing an existing behavior?
After menu item selected, I want to update a service the affects the displayed menu panel. Current menuClosed is too early, and it will cause the panel to reflect the change during the close animation.

#### Which versions of Angular, Material, OS, TypeScript, browsers are affected?
angular 6.0.6, material 6.3.0

#### Is there anything else we should know?
workarounds:
1. ```js
onMenuClosed() {setTimeout(() => { /* doing stuff */ }, 500);}
1. ```js
@ViewChild(MatMenu) myMenu: MatMenu;

// ...
onMenuClosed() {
this.myMenu._animationDone
.pipe(filter(event => event.toState === 'void'), take(1))
.subscribe(() => {
/* doing stuff */
});
}

Guide de contribution

Ouvrir le guide de contribution

Piste de recherche

Commencez par lire le cycle de vie des événements de MatMenuTrigger et MatMenu, en particulier l’événement menuClosed existant et le stream _animationDone référencé. Confirmez quand l’animation de fermeture se termine et définissez le comportement public de afterClosed pour les deux composants. Le travail est terminé lorsque les consommateurs peuvent réagir une fois le menu complètement fermé sans dépendre d’un timeout ou d’une API privée.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
angular, typescript
Domaine
frontend
Type d'issue
Fonctionnalité
Difficulté
3/5
Temps estimé
1-2 jours
Activité
À l'abandon
Clarté
Plutôt claire
Accessibilité débutants
35/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.