Angular 2:无法将组件包含在另一个组件中

时间:2017-02-17 16:58:17

标签: angular angular2-directives angular2-components

StackOverflow中有相当多的帖子提供了比Angular 2 doc更好的细节,了解如何在另一个自定义组件中包含自定义组件。

但是,即使我遵循这些指令(确保注入的组件位于模块定义的declarations块中,并确保注入的组件位于组件定义的directives块中) ,它仍然会抛出错误:

Unhandled Promise rejection: Template parse errors:
'test' is not a known element:
1. If 'test' is an Angular component, then verify that it is part of this module.
2. If 'test' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schemas' of this component to suppress this message. ("
</footer>

[ERROR ->]<test></test>

您可以查看Github repo。我开始a branch,我试着弄明白。

我有什么可以忘记的?任何指导都表示赞赏。

2 个答案:

答案 0 :(得分:0)

他们在不同的模块中。 将它们放入一个模块并重建项目。

答案 1 :(得分:0)

在这种情况下,测试组件应该用作共享模块,因为您尝试像功能模块一样使用它,因为这两个模块都是独立的,Angular无法找到模块。

将两个组件放在同一个模块中,或者将测试组件用作共享模块。