0
votes

Icône de tapis non affichage pour le bouton d'édition

J'ai un bouton-icône de tapis, cependant après l'ajout [RouterLink] = "[/ Edition-Job]" Je ne suis pas capable d'afficher l'icône du bouton. Bien que je puisse voir Mat-BoouttiPIP et en cliquant sur le clic que je me redirige de modifier la page, mais je suis incapable de regarder l'icône.

Code actuel pour le bouton MAT P>

<button mat-icon-button (click)="editJob()" matTooltip="Edit Job">
            <mat-icon>edit</mat-icon>
          </button>


2 commentaires

Dans le premier extrait de code, vous n'avez pas ajouté " Modifier " n'importe où, de sorte qu'il ne montrera pas l'icône Modifier comme prévu.


Merci .. si stupide de moi .. et je cherchais le problème pendant plus de 5 heures


3 Réponses :


0
votes

Comme indiqué sur la documentation, vous devez ajouter l'importation sur l'application-module

HTTPS: //material.angular.io/components/button/api p>

L'importation à ajouter est la suivante: p> xxx pré>

et c'est un exemple de Bouton Matériel: P>

<button mat-icon-button>Click me!</button>


1 commentaires

Ce n'est pas la bonne syntaxe d'un bouton d'icône - idéalement, l'élément enfant de la touche [bouton-icône] doit être un icône de match . Si vous souhaitez un bouton de texte, utilisez la touche [Bouton de match] ou l'un de ses autres styles.



0
votes

Vous devez inclure edit à l'intérieur du tag pour le premier cas aussi.


0 commentaires

0
votes

comme @sumit vekariya a déclaré Ajouter Modifier MAT-Icône> Code> à votre bouton

EX: P>

<button mat-icon-button [routerLink]="['/edit-job']" matTooltip="Edit Job">
  <mat-icon>edit</mat-icon>
</button>


0 commentaires