0
172
Views¿Puedo hacer que el tipo de selector de color de entrada predeterminado sea cuadrícula/transparente?
Estoy usando el complemento ngx-color de Angular . Entonces, mi objetivo es hacer que el selector de color se vea así como el selector de abajo (cuadrícula de verificación) si no se selecciona ningún color. Significa que, de forma predeterminada, esto es lo que quiero mostrar al usuario. ¿Es posible?
Mi código
<input class="color-input" [(colorPicker)]="selectedColor" [style.background]="selectedColor" (cpSliderDragEnd)="changeColor()">
·
Juan Pablo Isaza
1 answers
Answer question0
Puede usar ngClass para usar una clase condicional para su componente. Cuando no tiene un Color seleccionado, establece una clase que tendrá las configuraciones que necesita para lograr que se vea como su ejemplo.
Ejemplo: HTML:
<input class="color-input" [ngClass]="{ 'no-color': selectedColor == null }" [(colorPicker)]="selectedColor" [style.background]="selectedColor" (cpSliderDragEnd)="changeColor()">CSS:
.no-color { background: white; background-image: 'path-to-image'; . . . }
·
Juan Pablo Isaza
Report
Answer question