Двойная порция click в компонентах UL LI Угловой 8

События в угловом estГЎn доступные tambiГ©n используя переменную $event. Не deberГ-схватывай злоупотреблять Вашим использованием , но ты можешь подвешивать ее propagaciГіn на событие этой формы.

<ul class="top-level-menu">
  <li>
    <a class="text-light" href="#">Categorias</a>
    <ul class="second-level-menu">
      <li (click)="irArticulos($event, dep.Codigo,'dep')" *ngFor="let dep of arrDepartamentos"><a >{{dep.Descripcion}}</a>
        <ul class="third-level-menu">
          <li (click)="irArticulos($event, fam.Codigo,'fam')" *ngFor="let fam of dep.ListFamilias"><a >{{fam.Descripcion}}</a></li>
        </ul>
      </li>
    </ul>
  </li>
</ul>

Потом ты добавляешь один parГЎmetro к так называемому компоненту $event. Ты можешь менять потом ее ему posiciГіn, я это поместил как первый, чтобы помещать тебе пример. Важное состоит в том, чтобы он совпал с нею posiciГіn $event в твоем html. ImprovisГ© имена их parГЎmetros, так как я не имею cГіdigo твоего компонента.

irArticulos($event: any, codigo: string, otro: string) {
   $event.stopPropagation(); // Para que no se propague a los componentes inferiores
   // El resto de tu código
}