Entonces, tengo una pieza de código iónico en una aplicación angular que se ve así:
<ion-item> <ion-input class="text-input" type="text" disabled> <ion-icon name="clipboard-outline" clear item-right icon-only (click)="copy()"> </ion-icon> </ion-input> </ion-item>Sin embargo, suceden dos cosas:
el ícono del portapapeles no aparece, aunque puedo ver el elemento cuando inspecciono el código, y también puedo invocar la función de click cuando hago clic en el espacio donde debería estar. Entonces, esencialmente, el ícono es invisible.
Además de lo anterior, el ícono está ubicado a la izquierda del campo de texto ion-input lo que también parece un poco extraño ya que tengo la propiedad item-right dentro del ícono de iones.
¿Alguien podría ayudar con esto? También he intentado agregar clases css para alterar la posición del ícono a la derecha, pero tampoco funcionan. Estoy usando Ionic version 6.0.7 y Angular version 13 Sería genial si alguien pudiera ayudar con esto. Gracias.