Как убрать имя класса li в angular 8

Question

Пытался удалить имя класса из всех li, но не работает. Я не знаю, как это сделать в angular 8.Если кто-нибудь знает, пожалуйста, помогите найти решение.

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

У меня была похожая ситуация, когда нам нужно было динамически добавлять класс триггера по клику. Для вашего случая сначала нацеливайтесь на ближайший tr, а затем итерируйте с помощью querySelectorAll через его дочерние элементы li.

app.component.ts

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

Надеюсь, это поможет.