Question

我想在我的Angular 4应用程序中使用Bootstrap的Scrollspy，但它似乎不起作用。我尝试在项目中包含jquery，但仍然没有成功。

如果重建它就像它在Bootstraps＆＃39;演示页面。当我点击其中一个项目时，href会尝试将锚点加载为新网站，我收到404错误。

Answer 1

我不知道如何集成Bootstrap scrollspy，但您可以通过直接在组件模板上监听scroll事件来推出自己的解决方案：

<div (document:scroll)="scroll($event)"></div>

然后，要检查组件是否不在浏览器画布上，您可以：

this.el.nativeElement.getBoundingClientRect().top

this.el是对组件DOM元素的引用，需要在组件构造函数上注入：

constructor(el: ElementRef){}