如何从Primeng TieredMenu检测项目何时处于活动状态角度7

时间:2019-09-02 10:46:54

标签: angular typescript primeng

我使用了primeng V7中的tieredMenu。当我将鼠标悬停在Item上时,将显示一个类“ ui-menuitem-active”,但是当我在菜单外单击时。该类已删除。

单击该项目时如何添加课程。

我试图了解事件并在单击该项目时添加一个类。

这是一个功能

  clickItem1(event, index: number) {
    // let numberitems = event.originalEvent.path[3].children.length;

    if (event.originalEvent.path[3].children[index].classList.contains('test')) {
      console.log('exist param param', index);
    }
    event.originalEvent.path[3].children[index].classList.add('test');

  }

这是我的json的一部分

this.menuRestaurant = [
      {
        label: this.rhisTranslateService.translate('MENU.DASHBOARD'),
        icon: 'icon_1',
        routerLink: ['/home/societe/restaurants'],
        command: (event) => {
          this.clickItem1(event, 0);
        }
      },

首先:仅当我将鼠标悬停在项目上时,才会显示“ ui-item-active”类  当我一直尝试我的代码时,一直显示添加了“ test”的类

0 个答案:

没有答案