angular - ng2-page-scroll 不起作用

Question

我有一个 angular 2 应用程序，我正在尝试使用 ng2-page-scroll 实现一个非常简单的动画滚动。

根据 read.me，我应该能够 npm install 它，将其导入到我的 module.ts 文件中，然后使用该指令。

我已经做了所有这些，但我什么也没得到。

有没有人用过这个包并让它工作？

这是我的导入：

import {Ng2PageScrollModule} from 'ng2-page-scroll/ng2-page-scroll';

我已将其正确添加到模块“导入”部分...

这是我与指令的锚链接：

 <a href="#test" pageScroll> test </a>

我的锚元素有 id="test"

有什么想法吗？

Answer 1

如果尝试使用 Ng2PageScroll 的组件不是您的应用程序根模块的一部分，我发现您必须将 Ng2PageScrollModule 添加到该组件所属模块的“导入”部分。

例如，如果您有定义应用程序根模块的 app.module.ts，然后您有定义功能区域模块的 feature-area-1.module.ts，并且您想在组件中使用 Ng2PageScroll列在 feature-area-1.module.ts 中定义的模块的“声明”部分，然后尝试将 Ng2PageScrollModule 添加到 feature-area-1.module.ts 中定义的模块的“导入”部分。

或者，尝试使用他们文档中描述的“服务”方法，而不是尝试使用指令。