javascript - polymer 。纸张子菜单触发器适用于纸张项目内的两个元素

Question

我需要 Polymer 的纸张菜单/子菜单的一些帮助。我的任务是制作具有基于纸质菜单的树结构的导航面板。所以，我对 paper-item 标签内的“menu-trigger”类有问题，我在 paper-item:icon 内有两个元素，并链接到两个不同的事件点​​击它们。当我单击图标时，它会折叠另一个纸质菜单，当单击链接时，它会执行另一个事件，但现在它们都折叠另一个菜单。我怎样才能分离这些事件？

PS:抱歉我的英语:)

  <paper-menu>
    <paper-submenu>
      <!--Problem starts here-->
      <paper-item class="menu-trigger">
        <i class="material-icons">&#xE2C7;</i>
        <a (click)="someAction()">Test 1</a>
      </paper-item>
      <!--And finishs here-->
      <paper-menu class="menu-content sublist">
        <paper-submenu>
          <paper-item class="menu-trigger">
            <i class="material-icons ">&#xE313;</i>
            <a>Test 1.1</a>
          </paper-item>
          <paper-menu class="menu-content sublist2">
            <paper-item>
              <a>Test 1.1.1</a>
            </paper-item>
            <paper-item>
              <a>Test 1.1.2</a>
            </paper-item>
          </paper-menu>
        </paper-submenu>
        <paper-item>
           <a>Test 1.2</a>
        </paper-item>
        <paper-item>
           <a>Test 1.3</a>
        </paper-item>
      </paper-menu>
    </paper-submenu>
  </paper-menu>  

Answer 1

只需使用一些on-tap或on-click事件和一些js来显示/隐藏子菜单。