Saltar al contenido

Los estilos de material angular no se aplican correctamente

Nuestro grupo de especialistas pasados muchos días de investigación y recopilar de información, obtuvieron los datos necesarios, queremos que resulte útil para ti en tu trabajo.

Solución:

Los comentarios de @user18994 y @SiddAjmera respondieron esto.

Paso 4: incluye un tema

Se requiere incluir un tema para aplicar todos los estilos básicos y de tema a su aplicación.

Para comenzar con un tema preconstruido, incluya uno de los temas preconstruidos de Angular Material globalmente en su aplicación. Si está utilizando Angular CLI, puede agregar esto a su styles.css:

@import "[email protected]/material/prebuilt-themes/indigo-pink.css";

Si no está utilizando la CLI de Angular, puede incluir un tema preconstruido a través de un elemento en su index.html.

Para obtener más información sobre temas e instrucciones sobre cómo crear un tema personalizado, consulte la guía de temas.

Fuente: https://material.angular.io/guide/getting-started

A veces, las importaciones faltantes en app.module.ts provocan este problema. Asegúrese de haber importado todos los módulos que ha utilizado en su HTML.

Según la última documentación de material angular, debe importar módulos de su paquete respectivo en lugar de @angular/material/

Entonces, en lugar de

import  MatToolbarModule , MatButtonModule, MatIconModule from '@angular/material';

tienes que importar como

import  MatToolbarModule  from '@angular/material/toolbar';
import  MatButtonModule  from '@angular/material/button';
import  MatIconModule  from '@angular/material/icon';

Reseñas y valoraciones del artículo

Si haces scroll puedes encontrar las reseñas de otros creadores, tú todavía eres capaz dejar el tuyo si lo deseas.

¡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 *