添加和删​​除有角度的类 6

Question

我正在开发一个有角度的应用程序，我想根据我的布尔值添加和删除一个类。

我在 jquery 中有这段代码，当我单击按钮时，它会添加或删除活动类

$(document).ready(function () {
  $('#sidebarCollapse').on('click', function () {
      $('#sidebar').toggleClass('active');
  });
});

在我的角度组件中，我有一个功能来处理它

Exibir = true;
btnOcultar(){
   this.Exibir = !this.Exibir;
}

在我的 html 中，我有以下行，即使我的 Displays 具有 false 值并且添加了活动类并且样式没有改变，我该如何进行此更改？

<nav id="sidebar" [ngClass]="Exibe ? 'active' : ''"> 

Answer 1

简单的解决方案是，

<nav id="sidebar" [class.active]="Exibe"> 

// if Exibe is true, active class will be added, if false, it will be removed.