Bootstrap 4边栏折叠不起作用-Angular 6

Question

当我单击按钮时，我想折叠并重新打开侧边栏，我试图添加可以执行我想要的功能但对我无效的功能。

注意：我想不使用jquery或javascript折叠边栏

这就是我正在从事的工作：

https://stackblitz.com/edit/angular-n4x1br?file=src%2Fapp%2Fsidebar%2Fsidebar.component.html

Answer 1

您的ngClass属性添加了一个名为show的类，但实际上您想要的类为active。

<nav id="sidebar" [ngClass]="{ 'active': navbarOpen }">

Here is a fork of the StackBlitz