Angulaire Matériau Pliable Carte
Est-il un moyen de faire un réductible carte angulaire à l'aide de matériel? Semble comme quelque chose qui serait assez populaire, mais j'ai été à la recherche pour le angulaires de composant matériel/réglage ici:Angulaire Du Matériel - Carte et n'a rien trouvé.
Merci!
- De cette façon? matériel.angulaire.io/composants/expansion/vue d'ensemble
- Pouvez-vous expliquer la baisse de vote? Je n'étais pas sûr de savoir comment faire un réductible carte de composant et était à la recherche de la compréhension.
Vous devez vous connecter pour publier un commentaire.
Comme Sera mentionné, il suffit d'utiliser l'expansion des panneaux. https://material.angular.io/components/expansion/overview
Sinon, il suffit de créer un normal Angulaire de la carte de Matériel et de mettre en œuvre votre propre mécanicien d'effondrement avec l' [hidden] qualité ou un peu de CSS (display: none). Vous pouvez exploiter *ngIf et des événements de bouton pour créer votre propre carte pliable. Ne devrait pas exiger beaucoup de code.
Quelque chose comme ceci:
Stackblitz: https://stackblitz.com/edit/angular-95ygrr
si quelqu'un a besoin d'une mise à jour "solution" angulaire du matériel 7
Vous pouvez mettre
mat-expansion-panel
à l'intérieur demat-card-content
et ajouter la classemat-elevation-z0
:Comme Tal Abziz suggéré, la meilleure façon de parvenir à une plus de fantaisie angulaire matériau pliable carte est d'embarquer une
mat-expansion-panel
dans unmat-card
et le style de l'mat-expansion-panel-header
un peu pour avoir de la position absolue avec en haut et à droite des propriétés css à 0px. Là vous allez.