Как я могу проверить имя ближайшего родительского класса в angular 6?

Question

Я хочу проверить имя класса, который является ближайшим родителем выбранного элемента в угловом 6?

HTML

<div class="parent-element selected" (click)="checkClass($event)">
    <ul>
         <li><a>Link-1</a></li>
         <li><a>Link-2</a></li>
         <li><a>Link-3</a></li>
    </ul>
</div>

Угловая

checkClass(element) {
 return element.target.classList.contains('selected');
}

Если я проверяю имя класса с помощью функции "checkClass", это не всегда дает правильный результат, потому что есть возможность щелкнуть элемент, отличный от родительского. Поэтому я хочу сначала найти ближайший родительский элемент для выбранного элемента, а затем проверить имя класса. Как я могу это сделать?

Answer 1

$event.target.parentNode; даст вам родительский элемент.

Вы можете получить родительский элемент следующим образом:

 $event.target.parentElement

и весь список классов по этому:

 $event.target.parentElement.classList;