Грешка при използване на md-input-container - ъглова, ъглова-материал2

Създадох приложение за ъглово 2 материал по връзка https://github.com/angular/material2/blob/master/GETTING_STARTED.md.

Мога да използвам <md-card>, <md-toolbar>, <md-input> и т.н. Но когато използвам <md-input-container>, това е грешка като

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

Ето подробностите от 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"
},

Как мога да поправя това?

https://github.com/angular/material2/tree/master/src/lib/input казва, че md-input е отхвърлен и използва md-input-container.

Отговори:

3 за отговор № 1

Мисля, че все още не може да работи, защото тези промени не се появи 2.0.0-alpha.11 освобождаване още.

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

Ще трябва да изчакаме до следващото издание, за да го съживим, но не съм сигурен в това.

---

4 за отговор № 2

Това работи за мен.

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>

Ключовото нещо тук е да се уверите, че добавяте това в главата на вашия index.html.

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

---