Получить идентификатор тега привязки подэлемента в Angular Typescript ⇐ Html

[Гость]

У меня есть теги привязки в HTML, как показано ниже. Просто я использую Angular Material List -> mat-list и mat-list-item здесь.

user_panel_settings Управление пользователями Список пользователей Группы пользователей Все пользователи Это похоже на отображение нового пункта меню «Управление пользователями», под которым у нас есть список из трех подпунктов.

С помощью этого кода я хочу получить идентификатор тега привязки подпункта, по которому щелкнули, чтобы работать над другими вещами..

Код Typescript Angular находится здесь..

NavLink(событие: Событие): void { если (isAdmin) { // ... } еще { // ... } это.isHandheld ?? this.Nav.toggle(); } Я пытаюсь узнать, нажат ли какой-либо подсписок или нет. При нажатии на него я не должен скрывать элементы подсписка. Если пользователь щелкнет другие элементы заголовка, этот элемент подсписка должен закрыться.

Я попробовал приведенный ниже код, но не могу получить идентификатор нажатой ссылки.

onClick(event: Event) { // Получаем ссылку на элемент, по которому щелкнули. const clickedElement = event.target как HTMLElement; // Получаем ближайший элемент-предок, имеющий атрибут ID. const subListItemAnchorTag = clickedElement.closest('[id]'); // Если тег привязки элемента подсписка не равен нулю, то получаем его идентификатор. если (subListItemAnchorTag) { // Тег привязки элемента подсписка имеет идентификатор. const subListItemAnchorId = subListItemAnchorTag.getAttribute('id'); // Сделайте что-нибудь с идентификатором привязки элемента подсписка. console.log(subListItemAnchorId); } еще { // Тег привязки элемента подсписка не имеет идентификатора. console.log('Тег привязки элемента подсписка не имеет идентификатора.'); } } Но этот код не работает. Не знаю почему.