Bootstraps的Scrollspy可以在Angular 4上使用吗？

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>

<nav id="navbar-example2" class="navbar navbar-light bg-light">
  <a class="navbar-brand" href="#">Navbar</a>
  <ul class="nav nav-pills">
    <li class="nav-item">
      <a class="nav-link" href="#section1">Section 1</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#section2">Section 2</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#section3">Section 3</a>
    </li>
  </ul>
</nav>

<div data-bs-spy="scroll" data-bs-target="#navbar-example2" data-bs-offset="0" tabindex="0">
  <h4 id="section1">Section 1</h4>
  <p>Content for section 1...</p>
  <h4 id="section2">Section 2</h4>
  <p>Content for section 2...</p>
  <h4 id="section3">Section 3</h4>
  <p>Content for section 3...</p>
</div>

import { Component, AfterViewInit } from '@angular/core';

declare var bootstrap: any;

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponentComponent implements AfterViewInit {

  constructor() { }

  ngAfterViewInit(): void {
    // 初始化Scrollspy插件
    var scrollSpy = new bootstrap.ScrollSpy(document.body, {
      target: '#navbar-example2'
    });
  }

}