ng2-页面滚动不工作

ng2-page-scroll not working

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

根据 read.me,我应该可以 npm 安装它,将它导入我的 module.ts 文件,然后使用指令。

我做了所有这些,但我一无所获。

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

这是我的导入:

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

我已将其正确添加到模块 "import" 部分...

这是我的锚点 link,指令为:

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

我的锚元素有 id="test"

有什么想法吗?

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

例如,如果您有 app.module.ts 定义应用程序的根模块,然后您有 feature-area-1.module.ts 定义功能区域模块,并且您想要在 feature-area-1.module.ts 中定义的模块的 "declarations" 部分中列出的组件中使用 Ng2PageScroll,然后尝试将 Ng2PageScrollModule 添加到 feature-"imports" 中定义的模块的部分 -区域-1.module.ts.

或者,尝试使用 "Service" 方法 described in their documentation 而不是尝试使用指令。