Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

1.5K
Views
Los estilos de material angular no se aplican correctamente

Acabo de agregar el archivo styles.css, pero el proyecto se crea con la configuración de estilo scss. No sé cómo recuperar los estilos en mis controles.

over 4 years ago · Santiago Trujillo
1 answers
Answer question

0

Cuando se cambia la hoja de estilo de la aplicación dentro de la aplicación Angular, es probable que haya una referencia a los temas de Material en la hoja de estilo original que contenía el tema importado cuando se instaló Material. Esto puede explicar por qué las secuencias de comandos de los componentes compilados y renderizados no incluyen material CSS que todavía está dentro de la hoja de estilo original.

Para solucionar este problema, pruebe uno de los siguientes:

El tema Material angular es visible cuando se incluye en una de las siguientes áreas de su aplicación:

  1. En Angular.json , dentro de la sección de estilos, agregue la ubicación del archivo CSS del tema Material:

    "estilos": [ "./node_modules/@angular/material/prebuild-themes/deeppurple-amber.css", "src/styles.css" ],

  2. En styles.css importa uno de los temas de Material CSS como se muestra:

    @import "~@angular/material/preconstruido-temas/deeppurple-amber.css";

Reconstruya la aplicación para que los estilos a los que se hace referencia se incluyan en los scripts.

over 4 years ago · Santiago Trujillo Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!