使用 md-input-container 时出错
Error while using md-input-container
我根据 link https://github.com/angular/material2/blob/master/GETTING_STARTED.md 创建了一个 Angular 2 material 应用程序。
我可以使用 <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。
我认为它可能还行不通,因为那些 changes didn't made into 2.0.0-alpha.11 尚未发布。
https://github.com/angular/material2/compare/2.0.0-alpha.11...master
我们必须等到 npm 的下一个版本才能包含它,但我不确定。
这对我有用。
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">
我根据 link https://github.com/angular/material2/blob/master/GETTING_STARTED.md 创建了一个 Angular 2 material 应用程序。
我可以使用 <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。
我认为它可能还行不通,因为那些 changes didn't made into 2.0.0-alpha.11 尚未发布。
https://github.com/angular/material2/compare/2.0.0-alpha.11...master
我们必须等到 npm 的下一个版本才能包含它,但我不确定。
这对我有用。
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">