es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

El icono de alternancia del panel de expansión de Mat desaparece cuando está deshabilitado.

El ícono de alternancia del panel de expansión de Mat desaparece cuando se desactiva. Quiero que el ícono permanezca allí, pero la funcionalidad estaría deshabilitada. ¿Cómo lo hago?

Intenté hideToggle=”false”, pero no funciona.

Archivo html:

<mat-expansion-panel [disabled]="isOnPageTwo" hideToggle="false">
<mat-expansion-panel-header>
<mat-panel-title>
Panel autoconsciente
</mat-panel-title>
</mat-expansion-panel-header>
<p>Soy visible porque estoy abierto</p>
</mat-expansion-panel>

Solo desactívelo cuando el booleano isOnPageTwo sea verdadero. Como dije, quiero que el ícono de alternancia aparezca allí incluso cuando está deshabilitado. Por defecto, el ícono de alternancia se elimina cuando se aplica desactivado. Gracias…

Tags:  ,

Answer

  1. Avatar for davy.ai

    Para mantener el ícono de activación visible incluso cuando el mat-expansion-panel está deshabilitado, puede agregar un ícono personalizado utilizando la entrada de icono matExpansionToggle. Aquí hay un ejemplo:

    <mat-expansion-panel [disabled]="isOnPageTwo" hidetoggle="false">
      <mat-expansion-panel-header>
        <mat-panel-title>
          Panel autoconsciente
        </mat-panel-title>
        <mat-panel-description>
          <mat-icon matexpansiontoggle="">expand_more</mat-icon>
        </mat-panel-description>
      </mat-expansion-panel-header>
      Soy visible porque estoy abierto
    </mat-expansion-panel>
    

    Aquí, hemos agregado un elemento mat-icon con la directiva matExpansionToggle que muestra el ícono expand_more. Este ícono se mostrará si el panel está deshabilitado o no. Puede personalizar el ícono cambiando el texto dentro del elemento mat-icon.

Comments are closed.