添加和删​​除角度类6

Question

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

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

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

在我的角度组件中，我有一个函数来照顾它

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

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

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