Cuadro de lista en navegador movil

#1 · January 8, 2022, 1:48 am

El cuadro de lista se muestra de manera diferente en el navegador de escritorio y en el de movil. Se que esto es cosa del propio navegador, pero ¿sabe alguien como forzar a mostrarlo en el movil como en el escritorio?

The list box is displayed differently on desktop and mobile browsers. I know this is a matter of the browser itself, but does anyone know how to force it to be displayed on the mobile as on the desktop?

Version de escritorio:

@luishp

Version movil:

#2 · January 8, 2022, 2:03 pm

Hola @ivanes82

De forzarlo no se podría. Tendrías que crear tu propio componente usando un Container + algo de CSS a tu gusto, los items en JSON y los aplicas al Container usando ng-repeat.

Al momento de agregar/eliminar items al JSON sería usando el .push y automáticamente se vería reflejado en el Container.

Saludos.

Ivanes82 has reacted to this post.

#3 · January 8, 2022, 6:27 pm

Muchas gracias @asleycruz por tu respuesta. ¿Podrías decirme como se usa ng-repeat, o donde encontrar información? lo estoy buscando en la documentación pero no lo encuentro. Muchas gracias amigo.

#4 · January 8, 2022, 6:48 pm

Hola @ivanes82

Aquí tienes un par de links para el uso de ng-repeat. Ya verás lo fácil qué es.

https://visualneo.com/forum/topic/angular-directives-ng-repeat/

https://www.w3schools.com/angular/ng_ng-repeat.asp

luishp, Vadim and Ivanes82 have reacted to this post.

#5 · January 9, 2022, 12:33 am

Muchas Gracias @asleycruz, voy a echarle un vistazo.

Cuadro de lista en navegador movil - Forum

Cuadro de lista en navegador movil