Contamos con tu apoyo para extender nuestros ensayos en referencia a las ciencias de la computación.
Solución:
Siga estos pasos para comenzar a usar Angular Material.
Paso 1: instalar material angular
npm install --save @angular/material
Paso 2: Animaciones
Algunos componentes de Material dependen del módulo de animaciones angulares para poder realizar transiciones más avanzadas. Si desea que estas animaciones funcionen en su aplicación, debe instalar el @angular/animations
module e incluya BrowserAnimationsModule en su aplicación.
npm install --save @angular/animations
Después
import BrowserAnimationsModule from '@angular/platform browser/animations';
@NgModule(
...
imports: [BrowserAnimationsModule],
...
)
export class PizzaPartyAppModule
Paso 3: Importar los módulos de componentes
Importe el NgModule para cada componente que desee usar:
import MdButtonModule, MdCheckboxModule from '@angular/material';
@NgModule(
...
imports: [MdButtonModule, MdCheckboxModule],
...
)
export class PizzaPartyAppModule
asegúrese de importar los módulos de Angular Material después de Angular’s BrowserModule, ya que el orden de importación es importante para NgModules
import BrowserModule from '@angular/platform-browser';
import NgModule from '@angular/core';
import FormsModule from '@angular/forms';
import HttpModule from '@angular/http';
import BrowserAnimationsModule from '@angular/platform-browser/animations';
import MdCardModule from '@angular/material';
@NgModule(
declarations: [
AppComponent,
HeaderComponent,
HomeComponent
],
imports: [
BrowserModule,
FormsModule,
HttpModule,
MdCardModule
],
providers: [],
bootstrap: [AppComponent]
)
export class AppModule
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 lo siguiente en el index.html de su aplicación:
Eso es lo que resolvió este problema para mí.
Solía:
npm install --save @angular/material @angular/cdk
npm install --save @angular/animations
pero DENTRO DE LA CARPETA DE SOLICITUD.
Fuente: https://medium.com/@ismapro/first-steps-with-angular-cli-and-angular-material-5a90406e9a4
Cambiar a,
import MaterialModule from '@angular/material'
;
MANIFESTACIÓN
Comentarios y calificaciones
Eres capaz de auxiliar nuestro cometido mostrando un comentario y valorándolo te damos las gracias.