Question

我有一个混合的Angular1和Angular2应用程序。在我路由到的一个Angular2组件中，我想使用Material Design Button。

当我像这样<md-button>foo</md-button>向模板中插入一个按钮时，应用程序开始崩溃，并显示此控制台消息

Error: Template parse errors:
'md-button' is not a known element:
1. If 'md-button' is an Angular component, then verify that it is part of this module.
2. If 'md-button' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schemas' of this component to suppress this message. ("<h1>Job</h1>[ERROR ->]<md-button>material</md-button>"): JobComponent@0:12
    at TemplateParser.parse (http://localhost:3000/node_modules/@angular/compiler/bundles/compiler.umd.js:8321:21)

因此，它可能听起来像是消息中的案例1，但我已尝试在this answer中给出的建议将MdButton添加到imports的{{1}}属性中（the documentation建议已经包含NgModule），但如果我这样做，则整个应用程序在控制台中出现空白而没有错误。

以下是一些相关代码

MaterialModule.forRoot()

Answer 1

应该是

<button md-button>foo</button>

OR

<button md-raised-button>foo</button>

Answer 2

有时当您向angular2添加新组件时，它不会直接注册标记，在这种情况下您必须做两件事：

转到app.component.ts文件

1）在“import {component}”中手动插入要添加的按钮
2）在@Component中注册你的组件并给出路径

材料设计组件＆＃34;不是已知元素＆＃34;在Angular2

2 个答案: