Angular Material Input Steuer

Question

Ich versuche, diese Eingangssteuer

<div layout-gt-sm="row"> 
    <md-input-container class="md-block" flex-gt-sm> 
    <label>First name</label> 
    <input ng-model="user.firstName"> 
    </md-input-container> 
</div> 

ich Fehler erhalten zu implementieren: Das ist, was AppMaterialModule sieht aus wie

Unexpected directive 'MdInputContainer' imported by the module 'AppMaterialModule'. Please add a @NgModule annotation. 

.

import { NgModule } from '@angular/core'; 
import { 
    MdToolbarModule, 
    MdIconModule, 
    MdMenuModule, 
    MdButtonModule, 
    MdSelectModule, 
    MdSnackBarModule, 
    MdSnackBar, MdInputContainer, MdInputModule 
} from '@angular/material'; 

@NgModule({ 
    imports: [ 
     MdToolbarModule, 
     MdButtonModule, 
     MdIconModule, 
     MdMenuModule, 
     MdSelectModule, 
     MdSnackBarModule, 
     MdInputContainer, 
     MdInputModule 
    ], 
    exports: [ 
     MdToolbarModule, 
     MdButtonModule, 
     MdIconModule, 
     MdMenuModule, 
     MdSelectModule, 
     MdSnackBarModule, 
     MdInputContainer, 
     MdInputModule 

    ], 
    providers: [ 
     MdSnackBar 
    ] 
}) 
export class AppMaterialModule {} 

Was mache ich falsch? Ich habe versucht, MD-Eingang anstelle von MD-Input-Container. Ich bekomme auch Fehler damit.

Answer 1

stellen Sie sicher, mdInput im Eingabe-Tag verwenden, wie in

<md-input-container> 
    <input mdInput type="text" [(ngModel)]="user.firstName" ...> 
</md-input-container> 

(wie bereits erwähnt es [(ngModel)] ist, nicht ng-model)