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

时间:2017-03-09 16:47:40

标签: angular fullpage.js

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

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

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

有没有办法可以在加载所有幻灯片后重新加载整页js,这样可以解决我的问题。

1 个答案:

答案 0 :(得分:1)

加载后,您需要使用这些部分初始化整页。因此,在加载了部分(或角度应用程序)之后,将以下内容添加到组件中:

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

但是......这使用jQuery来查找元素并创建部分。

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