angular 2与fullpage js协作，需要从anular绑定数据后加载fullpage js

Question

所以我正在尝试在 angular2 中使用整页 js 功能。通过模板绑定渲染的部分很少，这是在加载 fullpagejs 之后发生的。

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

如果有人能帮我解决这个问题，我很感激，我已经连续好几周摸不着头脑了，厌倦了寻找解决方案。

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

Answer 1

加载后，您需要使用这些部分初始化整个页面。所以在加载部分（或角度应用程序）之后，向组件添加类似这样的内容：

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

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

因此，请改用 Angular2 集成作为整页插件。您可以通过https://github.com/meiblorn/ng2-fullpage 获得它。您可以在他们的页面上了解如何设置和使用它。