Błąd podczas korzystania z kontenera wejściowego md

Question

Stworzyłem aplikację materiałową Angular 2 zgodnie z linkiem https://github.com/angular/material2/blob/master/GETTING_STARTED.md.

jestem w stanie używać <md-card>, <md-toolbar>, <md-input> etc. Ale gdy używam <md-input-container>, to jest rzucanie błąd jak

zone.js:388 Unhandled Promise rejection: Template parse errors: 
'md-input-container' is not a known element: 

Oto szczegóły z packages.json,

"dependencies": { 
    "@angular/common": "~2.1.0", 
    "@angular/compiler": "~2.1.0", 
    "@angular/core": "~2.1.0", 
    "@angular/forms": "~2.1.0", 
    "@angular/http": "~2.1.0", 
    "@angular/material": "^2.0.0-alpha.11-3", 
    "@angular/platform-browser": "~2.1.0", 
    "@angular/platform-browser-dynamic": "~2.1.0", 
    "@angular/router": "~3.1.0", 
    "core-js": "^2.4.1", 
    "hammerjs": "^2.0.8", 
    "ng2-file-upload": "^1.1.4-2", 
    "rxjs": "5.0.0-beta.12", 
    "ts-helpers": "^1.1.1", 
    "zone.js": "^0.6.23" 
    }, 

Jak mogę naprawić to?

https://github.com/angular/material2/tree/master/src/lib/input mówi, że wejście md jest przestarzałe i używa kontenera wejściowego md.

Answer 1

Myślę, że może jeszcze nie działać, ponieważ te changes nie zostały jeszcze wprowadzone do wersji 2.0.0-alpha.11.

https://github.com/angular/material2/compare/2.0.0-alpha.11...master

Będziemy musieli poczekać do następnej wersji dla KMP do cointain to, ale nie jestem pewien.

Answer 2

To zadziałało dla mnie.

app.module.ts

import { MaterialModule } from '@angular/material'; 
... 
@NgModule({ 
imports: [ 
MaterialModule 
] 
}) 

app.component.html

<md-input-container> 
<input mdInput placeholder="Favorite food" value="Sushi"> 
</md-input-container> 

Kluczową rzeczą jest to, aby upewnić się, że dodatek ten w głowie swojej index.html.

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">