可以使用Bootstraps的Scrollspy用於Angular 4嗎？

Question

我想在我的Angular 4應用程序中使用Bootstrap的Scrollspy，但它似乎不起作用。我試圖在項目中包括jquery，但仍然沒有成功。

如果重新構建它，就像它在Bootstraps的演示頁面上顯示的一樣。當我點擊其中一個項目時，href會嘗試將錨點作爲新站點加載，並且出現404錯誤。

Answer 1

我不知道如何整合引導scrollspy，但你可以通過監聽滾動事件直接在組件模板首次展示自己的解決方案：

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

然後，檢查設備關閉瀏覽器畫布，可以：

this.el.nativeElement.getBoundingClientRect().top 

this.el是將組件DOM元素的引用，並且需要在部件的構造被注入：

constructor(el: ElementRef){}