Lỗi khi sử dụng md-input-container

Question

Tôi đã tạo ứng dụng tài liệu Angular 2 theo liên kết https://github.com/angular/material2/blob/master/GETTING_STARTED.md.

tôi có thể sử dụng <md-card>, <md-toolbar>, <md-input> vv Nhưng khi tôi sử dụng <md-input-container>, nó được ném lỗi như

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

Sau đây là các chi tiết từ 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" 
    }, 

Làm thế nào tôi có thể sửa chữa điều này?

https://github.com/angular/material2/tree/master/src/lib/input cho biết rằng đầu vào md không được dùng nữa và sử dụng md-input-container.

Answer 1

Tôi nghĩ rằng nó có thể không hoạt động được, bởi vì những người changes đã không được thực hiện vào 2.0.0-alpha.11 phát hành được nêu ra.

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

Chúng tôi sẽ phải chờ cho đến khi phiên bản tiếp theo cho NPM để cointain này, nhưng tôi không chắc chắn về điều đó.

Answer 2

Điều này phù hợp với tôi.

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> 

Điều quan trọng ở đây là để đảm bảo rằng bạn thêm này vào đầu của index.html của bạn.

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