添加和删除角度类6

Question

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

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

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

在我的angular组件中，我有一个函数来处理它

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

在我的html中，我有下面这一行，即使我的显示有假的值，并且添加了活动类，并且样式没有改变，我如何进行这种改变？

<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.