Comment utiliser le matériel 2 barre d'outils

Je suis en utilisant material2 de la carte, etc, mais avoir d'erreur tout en essayant d'ajouter une barre d'outils

app.component.html

<md-toolbar [color]="red">
  <span>My Application Title</span>
</md-toolbar>

app.le module.ts

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';

import {OVERLAY_PROVIDERS} from "@angular2-material/core";

//Material 2 
import { MdCoreModule } from '@angular2-material/core'
import { MdButtonModule } from '@angular2-material/button';
import { MdCardModule } from '@angular2-material/card';
import { MdRadioModule } from '@angular2-material/radio';
import { MdCheckboxModule } from '@angular2-material/checkbox'
import { MdTooltipModule } from '@angular2-material/tooltip';
import { MdSliderModule } from '@angular2-material/slider';
import { MdToolbarModule,MdToolbarRow } from '@angular2-material/toolbar';


import 'hammerjs' ;

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

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    FormsModule,
    HttpModule,
    MdCoreModule.forRoot() , MdCardModule.forRoot() , MdButtonModule.forRoot() , MdRadioModule.forRoot() ,
    MdCheckboxModule.forRoot() , MdTooltipModule.forRoot() , MdSliderModule.forRoot() ,MdToolbarModule.forRoot()
  ],
  providers: [OVERLAY_PROVIDERS],
  bootstrap: [AppComponent]
})
export class AppModule { }

j'obtiens l'erreur

de la zone.js:388Unhandled Promesse de rejet: Modèle erreurs d'analyse: ne Peut pas
lier à la "couleur", car il n'est pas connu propriété de md-barre d'outils'.
1. Si 'md-barre d'outils" est une composante Angulaire et il a la "couleur" d'entrée, puis vérifiez qu'il est partie de ce module.
2. Si 'md-barre d'outils" est un Composant Web puis ajouter "CUSTOM_ELEMENTS_SCHEMA" pour le " @NgModule.le schéma " de ce composant
pour supprimer ce message. ("

][couleur]="rouge"> Mon Application
Title "): AppComponent@39:12 'md-barre d'outils" n'est pas un
les éléments connus:
1. Si 'md-barre d'outils" est une composante Angulaire, puis vérifiez qu'il est partie de ce module.
2. Si 'md-barre d'outils" est un Composant Web puis ajouter "CUSTOM_ELEMENTS_SCHEMA" pour le " @NgModule.le schéma " de ce composant
pour supprimer ce message. ("

Merci d'avance

Je pense que ce n'est pas lié à votre erreur, mais la couleur doit être de type "primaire" | "accent" | "mettre en garde". [couleur]="rouge" n'est pas une valeur valide. color="primaire" est.

OriginalL'auteur Ashutosh Jha | 2016-12-01

  1. 3

    maintenant, c'est de travailler après les changements dans l'app.compoent.ts

        import { MdToolbarModule,MdToolbarRow } from '@angular2-material/toolbar';

  imports: [
    MdToolbarModule.forRoot(),   

  ],

    OriginalL'auteur Ashutosh Jha

  2. 1

    Aussi j'ai trouvé que si vous rencontrez des problèmes tels que le md - ce qui est un inconnu, changer de mat - quoi que ce soit. Les exemples que j'ai trouvé sont md-barre d'outils, md-icône, et le md-menu. J'ai dû changer tous ces tapis - et cela a fonctionné. Aussi, j'ai eu à changer la mdMenu à matMenu et l'alto!

    oui, cela a résolu mon problème merci

    OriginalL'auteur Keenan Stewart

  3. 1

    app.le module.fichier ts

    2 Changements

    1. import {MatToolbarModule} from '@angular/material/toolbar';

    2. imports: [
  MatToolbarModule
],

    OriginalL'auteur VIkram Bollam