Angular navbar expand not working

Bootstrap 4 navbar-collapse not working angular

<button class="navbar-toggler" type="button" (click)="navbarCollapsed = !navbarCollapsed" [attr.aria-expanded]="!navbarCollapsed" aria-controls="navbarContent" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
</button>

Source: stackoverflow.com

Angular navbar expand not working

<!-----------------------------HTML-------------------------------->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
  <div class="container">
      <div class="navbar-brand">
          <a href="home">
              <i class="bi bi-bootstrap-fill"></i>
          </a>
      </div>
      <button type="button" class="navbar-toggler" (click)="isCollapsed = !isCollapsed">
          <span class="navbar-toggler-icon"></span>
      </button>
    <div class="collapse navbar-collapse" [ngbCollapse]="isCollapsed">
      ....
    </div>
  </div>
</nav>

<!-----------------------------typescript-------------------------------->

isCollapsed : boolean = false;

Bootstrap 4 navbar-collapse not working angular

<div class="collapse navbar-collapse" [ngbCollapse]="navbarCollapsed" id="navbarSupportedContent">

-2

Source: stackoverflow.com

Similar codes

0 vote285 views1 answer
How to back up disk partision
Html
0 vote317 views1 answer
Input type text inside select option
Html
27 votes316 views6 answers
How to center align text in html
Html
98 votes300 views6 answers
How to hide scrollbar html
Html
0 vote328 views1 answer
Multilevel list html
Html
0 vote322 views1 answer
User
Html
0 vote309 views1 answer
Disabling cach using meta tag
Html
0 vote297 views2 answers
Which text is used to create text animations in html
Html
123 votes303 views4 answers
Opem link in new tab html
Html
33 votes285 views6 answers
Bootstrap div vertical center
Html