私はangle4でscrollspyを実装しようとしています。jQueryとBootstrap.jsを.angular-cli.jsonファイルにインポートしました。それはコンソールに何のエラーも与えません。しかし、active
クラスは、期待通りにli
要素に適用されていません。それはまだngOnInitを使用して、私の場合には動作しますBootstrap 4 scrollspyがAngular 4で動作しない
https://v4-alpha.getbootstrap.com/components/scrollspy/
header.component.ts
ngOnInit() {
$(document).ready(() => {
$('body').scrollspy({target: "#myNavbar", offset: 50});
});
}
header.component.html
<div class="navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav">
<li><a href="#PATIENT IDENTIFICATION">Section 1</a></li>
<li><a href="#INITIATION">Section 2</a></li>
<li><a href="#section3">Section 3</a></li>
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Section 4 <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#section41">Section 4-1</a></li>
<li><a href="#section42">Section 4-2</a></li>
</ul>
</li>
</ul>
</div>
は '
'のように、あなたはこの下に、対応するIDを持っていますか? –はい、その存在。 –
[ngx-scrollspy](https://github.com/JonnyBGod/ngx-scrollspy)を試しましたか? – CornelC