angle2とfullpagejとのコラボレーション、anularからデータをバインドした後にfullpage jsをロードする必要があります

Question

したがって、angular2でfullpage js機能を使用しようとしています。テンプレート結合によってレンダリングされるセクションはほとんどありません。これは、fullpagejをロードした後に起こります。

私の問題は、私のページに4つのメインセクションがあり、そのうちの1つは、jsonデータ（テンプレートバインディング）によって生成された3つの子セクションです。たとえば、 "servicesSection"はテンプレートバインディングを使って生成された子セクションの1つなので、URLに "http://localhost:3000/#servicesAnchor3"と入力すると、fullpage jsがフルページjs後にバインドされているため、ロードされる。

誰かがこの問題を解決するのを助けてくれることを感謝します。私は何週間も頭を悩ましています。

すべてのスライドを読み込んだ後に私たちがフルページjsをリロードできる方法がありますが、これで問題が解決します。

Answer 1

セクションがロードされると、セクション全体を初期化する必要があります。だから、セクション（または角アプリ）がロードされた後、コンポーネントにこのようなものを追加します。

$('#fullpage').fullpage({ 
    anchors:['firstPage', 'secondPage', 'thirdPage'] 
}); 

しかし...これは、要素を見つけて、セクションを作成するためのjQueryを使用しています。

代わりに、フルページプラグインのAngular2統合を使用してください。あなたはhttps://github.com/meiblorn/ng2-fullpageにそれを得ることができます。それを設定してページ上で使用する方法について読むことができます。