来自另一个模块的组件上的角度指令输入导致错误

时间:2019-06-20 13:09:06

标签: angular angular2-directives angular-directive angular-components angular-module

有以下用例:
-1-我在模块1中有一个指令(拖动指令)
-2-伪指令具有来自组件的多个输入(@Input())属性


该指令与模块1中的组件完美配合。 问题是该指令何时应用于模块2中的组件。
我非常了解有关模块的导入导出机制: 声明并导出了模块2中的组件。
模块1导入模块2。组件在模块1中可用。它已正确呈现。应用指令后-一切都很好。但是由于该指令在应用时具有多个@Input()属性,因此会发生以下错误:(请问小字体!)

enter image description here

这是组件模板:

enter image description here

正如我提到的-问题是指令的属性何时应用! 您能否解释这种情况下的错误-将该组件导出为 在文档中描述。模块2是从模块1导入的,但这还不够。

1 个答案:

答案 0 :(得分:3)

如果我理解正确,那么您的模块之间的关系就是这样。

  1. 模块1具有指令

  2. 模块2具有组件

  3. 模块1导入模块2

  4. 您从模块2导出了组件

enter image description here

完成这项工作的方法是将模块1导入模块2。

如果您想把事情分开,一个可行的例子就是这样。

enter image description here

从组件模块导出的组件将能够使用导入模块的服务和指令。

我对设计决策的建议是使所有组件都可插入。.对自己提出两个问题,“将这些模块复制到新项目需要花费多少精力?什么是依赖项?。