javascript - 删除 Angular 2 + 中所有出现的类

Question

我刚刚开始使用 Angular5 进行编码，我发现需要删除单击事件中出现的所有类。Jquery 中有类似下面的内容

$('.m-active').removeClass('m-active');

我正在寻找 angular2 + (Typescript) 的替代方案

Answer 1

您可以使用 document.querySelector all 来删除该类 - 在下面 - 我有两个 div - 最初设置为红色/绿色文本，但使用 querySelectorAll - 我将从 div 中删除红色类。

function toggleRedClass() {
var redDivs = document.querySelectorAll('.red');

if (redDivs.length) {
  for(i=0;i<redDivs.length;i++) {
    redDivs[i].classList.remove('red');
    redDivs[i].classList.add('black')
  }
} else {
  var blackDivs = document.querySelectorAll('.black');
   for(i=0;i<blackDivs.length;i++) {
   blackDivs[i].classList.remove('black')
    blackDivs[i].classList.add('red')
  }
  }
}

.red {color:red}
.green {color:green}

<div class="red">test</div>
<div class="green">test1</div>

<button type="button" onclick="toggleRedClass()">Click to toggle the red class</button>