Comment attribuer une valeur aux constantes de matériau angulaire telles que SELECT_PANEL_MAX_HEIGHT qui sont fournies dans la documentation officielle des matériaux angulaires ici
3 Réponses :
Les constantes telles que SELECT_PANEL_MAX_HEIGHT sont en lecture seule. Vous ne pouvez remplacer que les options qui ont un jeton d'injection spécial. Par exemple: MAT_TOOLTIP_DEFAULT_OPTIONS pour l'info-bulle Matériau.
import { MAT_TOOLTIP_DEFAULT_OPTIONS } from "@angular/material";
...
providers: [
{
provide: MAT_TOOLTIP_DEFAULT_OPTIONS,
useValue: {
showDelay: 500,
hideDelay: 300
}
}
]
@ masu9 si un jeton d'injection est fourni, vous pouvez l'utiliser pour remplacer le comportement ou les valeurs par défaut. Constantes d'info-bulles
Existe-t-il un moyen de changer la valeur d'une constante pour modifier le comportement d'un composant? Par exemple, la vitesse d'animation du panneau d'extension
@AndresGardiol jetez un œil à cet exemple stackblitz.com/edit/angular-aubesd et essayez de modifier la constante EXPANSION_PANEL_ANIMATION_TIMING
Une autre option pour agrandir ou réduire le panneau de sélection:
::ng-deep .mat-select-panel {
max-height: 80vh !important;
}
:: ng-deep semble être obsolète, et cela n'a pas fonctionné pour moi
voir https://github.com/angular/components/issues/11780, ce qui suit a fonctionné pour moi:
.mat-select-panel {
max-height: 300px!important;
}