Installation du Material components pour Angular2

Installation du Material components pour Angular2

Vous trouvez ici la liste des components

Etape 1 :

Installation du Material dans notre application

npm install --save @angular/material
npm install --save @angular/animations

 

Etape 2 :

L’importation du module Material dans notre fichier app.module.ts

import { NgModule }      from '@angular/core';
...

import {MdButtonModule, MdCheckboxModule, MdRadioModule} from '@angular/material';
/* ICI ON VA UTILISER LES BOUTTONS , LES CHECKBOX , LES BOUTTON RADIOS */

import { AppComponent }  from './home/app.component';

@NgModule({
  imports: [
  		MdRadioModule,
        BrowserModule,
        MdButtonModule,
        MdCheckboxModule,
        
    ],
  declarations: [ AppComponent ],
  bootstrap:    [ AppComponent ]
})
export class AppModule { }

/* ENSUITE ON LES IMPORTE DANS LA PARTIE imports: [] */

 

Etape 3 :

On insère les deux ligne si dessous dans notre fichier systemjs.config.js

map: {
      'app': 'app',
      
      ...
   
      '@angular/material': 'npm:@angular/material/bundles/material.umd.js',
      '@angular/animations': 'npm:@angular/animations/bundles/animations.umd.js',

      ...