fullPage.js 不会因组件更改而破坏

fullPage.js wont destroy on component change

我正在使用 @fullpage/angular-fullpage 指令在我的 ionic-Angular 项目中实现页面滚动功能。

我创建了 module 并导入了 AngularFullpageModule。我可以按照 THIS 文档中提到的那样初始化插件。 module/component 它工作正常。但是当我更改路线(将在不同的模块中)时,插件的点和功能保持不变。它不会在更改 component 时破坏。 我试图手动销毁它,但是当我按回 button/come 回到旧模块时,lugin 的功能不再可用。

我最近开始研究 ionic,我认为 ionic 不会 运行 ngOnInitngAfterViewInit 后退按钮。 (通常使用 angular 我曾经在 ngOnInit 上 运行)

在我启动的着陆页上,它的工作正常如下

但是当我更改 route/component/module 时,功能仍未被破坏。那 4 个点将在那里并滚动,ID 将在 URL 栏上更改。

我不想在任何其他页面上使用该功能,但在返回登录页面时,我需要该滚动条才能正常工作。

您可能需要使用 Ionic 的挂钩而不是 Angular 的挂钩。尝试 IonViewDidLeave()https://ionicframework.com/docs/angular/lifecycle#ionic-page-events