如何在 angular 8 中删除 class li 的名字

Question

试图删除所有 li 的类名，但没有 working.I 不知道如何在 angular 8.If 知道的人请帮助找到解决方案。

app.component.html:

<tr>
<div class="wrapper">
  <ul>
    <li class="name"><span>Test 1</span></li>
    <li class="name"><span>Test 2</span></li>
    <li class="name"><span>Test 3</span></li>
    <li class="name"><span>Test 4</span></li>
    <li class="name"><span>Test 5</span></li>
  </ul>
</div>
</tr>

app.component.ts:

 setInnertext(event){ 
    let getTr=event.target.closest('tr');
    this.renderer.removeClass(getTr.querySelector('.wrapper > ul > li'),'name'))
  }

Answer 1

当我们需要在点击时动态添加 class 触发器时，我遇到了类似的情况。对于您的情况，首先将最接近的 tr 作为目标，然后通过 querySelectorAll 遍历其子项 li.

app.component.ts

    setInnertext($event: any) {
        $event.target.closest("ul").querySelectorAll("li").forEach(item => {
            this.renderer.removeClass(item, "name");
        });
    }

希望对您有所帮助。

如何在 angular 8 中删除 class li 的名字

How to remove class name of li in angular 8

javascript

typescript

angular7

angular8