Saltar al contenido

Angular 2: el estilo PrimeNg no funciona

Posterior a de nuestra prolongada búsqueda de datos hemos podido resolver esta interrogante que pueden tener algunos de nuestros usuarios. Te dejamos la solución y nuestro objetivo es servirte de gran apoyo.

Solución:

Resuelvo mi problema eliminando rel="stylesheet" type="text/css" de index.html y también se agregó a continuación imports a styles.css:

@import '~primeicons/primeicons.css';
@import '~primeng/resources/themes/nova-light/theme.css';
@import '~primeng/resources/primeng.min.css';

Encontré un tutorial que usa PrimeNg con Angular CLI que funcionó para mí.

agregué el font-awesome.min.css hoja de estilo a index.html.

Entonces el tema que quería (por ejemplo "../node_modules/primeng/resources/themes/omega/theme.css",) al archivo angular-cli.json en el "styles" [...] sección.

en el style.css archivo, agregue sus importaciones, por ejemplo:

 @import '../node_modules/primeng/resources/themes/omega/theme.css'

si ha descargado PrimeNG correctamente, debería funcionar ahora

solo una pequeña nota: asegúrese de haber importado los módulos primeNG en el lugar correcto (de hecho, importamos módulos, no componentes, tenga cuidado;)

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *