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

Question

当我点击一个按钮时，我想折叠并重新打开侧边栏，我试图添加可以做我想做的事情但它对我不起作用。

注意：我想在不使用 jquery 或 javascript 的情况下折叠侧边栏

这就是我正在做的事情：

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

标签： angulartypescriptbootstrap-4angular6

Answer 1

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

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

这是 StackBlitz 的一个分支