添加和删除角度类 6

Question

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

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

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

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

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

在我的 html 中，我有以下行，即使我的 Displays 具有错误值并且添加了 active class 并且样式没有改变，我如何进行此更改？

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

Adding and Removing Angled Classes 6