2017-03-15 7 views
0

ng2-page-scrollを使用して非常に単純なアニメーションスクロールを実装しようとしている角度2のアプリケーションがあります。ng2-page-scrollが動作しない

read.meによると、npmをインストールして、それを私のmodule.tsファイルにインポートしてからuserディレクティブにインポートすることができます。

私はそれをすべてやったが、何も得られない。

誰もこのパッケージを使用して、動作させましたか?ここで

は私のインポートです:

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

私はそれが適切モジュール "インポート" セクションに追加されてい...ここ

は、ディレクティブと私のアンカーリンクです:

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

私のアンカー要素はid = "test"です

どのような考えですか?

答えて

0

Ng2PageScrollを使用しようとしているコンポーネントがアプリケーションルートモジュールの一部でない場合、このコンポーネントが含まれているモジュールの「imports」セクションにNg2PageScrollModuleを追加する必要があることがわかりました。

たとえば、アプリのルートモジュールを定義するapp.module.tsがあり、フィーチャエリアモジュールを定義するfeature-area-1.module.tsがある場合、 feature-area-1.module.tsで定義されたモジュールの「宣言」セクションにリストされているコンポーネントのNg2PageScrollを呼び出し、feature-area-1.moduleで定義されたモジュールの「imports」セクションにNg2PageScrollModuleを追加してみます.ts。

また、ディレクティブの使用を試みるのではなく、 "サービス"メソッドdescribed in their documentationを使用してみてください。