Angular 2 - 声明的指令仍有错误

Question

在RootModule：

@NgModule({
    imports: [
        ModuleA
    ],
    declarations: [
        ScrollToWhen
    ],
    bootstrap: [BootComponent],
})
class RootModule {}

在模块A中的一个组件模板中，我使用ScrollToWhen，但我收到错误：Can't bind to 'scrollToWhen' since it isn't a known property of 'div'。

为什么？

Error: Unexpected directive 'HbClass' imported by the module 'Module'

Answer 1

将ScrollToWhen添加到ModuleA的声明中，或将其移至模块，然后将其添加到imports: [...] ModuleA以使其可用。

组件/指令只能在declarations: [...]中的单个模块中列出。然后在您想要使用此组件/指令的任何地方导入此模块。

对于用于声明指令和管道的模块，您需要在exports中设置它们：

@NgModule({
    declarations: [
        myDirectives
    ],
    exports: [
        myDirectives
    ]
})