首页 文章

使用fullpagejs对angular2进行Collabarating，需要在从anular绑定数据后加载fullpage js

提问于
浏览 次
0

所以我想尝试在angular2中使用fullpage js功能 . 通过模板绑定呈现的部分很少，这是在加载fullpagejs之后发生的 .

我的问题是我的页面中有4个主要部分，其中1个是通过json数据（模板绑定）生成的3个子部分 . 例如"servicesSection"是通过模板绑定生成的子节之一，所以当我在url中输入“http://localhost:3000/#servicesAnchor3”时，它不会自动滚动到该特定节，因为fullpage js不知道该幻灯片，因为它在加载全页js后被绑定 .

我很感激，如果有人能帮助我解决这个问题，我几周都在摸不着头脑，厌倦了寻找解决方案 .

有没有办法，我们可以在加载所有幻灯片后重新加载整页js，这将解决我的问题 .

angular fullpage.js

1 回答

  • 1

    加载后，您需要使用这些部分初始化整页 . 因此，在加载了部分（或角度应用程序）之后，将以下内容添加到组件中：

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

    BUT...this uses jQuery to find the element and create the sections.

    因此，请将Angular2集成用于fullpage插件 . 你可以在https://github.com/meiblorn/ng2-fullpage找到它 . 您可以阅读有关如何设置并在其页面上使用它的信息 .

    回复于

相关问题