Angular 引导4侧边栏折叠不工作-角度6

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

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

这就是我正在研究的：

---

您的

ngClass

属性添加了一个名为

show

的类，但是您想要的类实际上被称为

active

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

---

是的，对不起，你是对的，但是还有一件事，当我关闭侧边栏时，第二个按钮图标应该显示出来，这是按钮@JamesFallon，只需在按钮上添加

*ngIf=“！navbarOpen”

。目前图标没有显示，因为您没有添加fontawesomeno我安装了Fontawesomeo软件包，我不认为这是问题所在，因为我尝试添加新图标并工作确保您使用了正确的类。如果您使用的是fontawesome的v4.7，它应该是

fa-fa-align-justify

而不是

fas-fa-align-justify

，但它似乎在StackBlitz中起作用