所以我试图在angular2中使用fullpage js功能。通过模板绑定呈现的部分很少,这是在加载fullpagejs之后发生的。
我的问题是我的页面中有4个主要部分,其中1个是通过json数据(模板绑定)生成的3个子部分。例如" servicesSection"是通过模板绑定生成的子节之一,所以当我输入" http://localhost:3000/#servicesAnchor3"在url中,它不会自动滚动到该特定部分,因为fullpage js不知道该幻灯片,因为它在加载完整页js后被绑定。
我很感激,如果有人能帮助我解决这个问题,我会在几周内摸不着头脑,厌倦了寻找解决方案。
有没有办法可以在加载所有幻灯片后重新加载整页js,这样可以解决我的问题。
答案 0 :(得分:1)
加载后,您需要使用这些部分初始化整页。因此,在加载了部分(或角度应用程序)之后,将以下内容添加到组件中:
$('#fullpage').fullpage({
anchors:['firstPage', 'secondPage', 'thirdPage']
});
但是......这使用jQuery来查找元素并创建部分。
因此,请将Angular2集成用于fullpage插件。你可以在https://github.com/meiblorn/ng2-fullpage获得它。您可以阅读有关如何设置并在其页面上使用它的信息。