聚合物。 Paper-submenu 触发器适用于 paper-item 内的两个元素答案

【问题标题】：Polymer. Paper-submenu trigger works on two elements inside paper-item聚合物。 Paper-submenu 触发器适用于 paper-item 内的两个元素
【发布时间】：2017-01-08 01:25:48
【问题描述】：

我在 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>

【问题讨论】：

标签： javascript html angular polymer

【解决方案1】：

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

【讨论】：

【解决方案2】：

所以，如果有人对此问题的一些解决方案感兴趣：我在 css 中使用了pointer-events: none;，但我认为这不是最好的主意，所以我决定使用event.stopPropagation();。

【讨论】：

【解决方案3】：

点击纸质菜单/子菜单时触发的事件很少。

iron-activate:（选中或取消选中）

iron-deselect：取消选择

iron-items-changed：选择项目变化

iron-select: 选择事件

这些事件有两个params（event、selecteditem）根据您的要求采取 selecteditem 并应用您的逻辑

【讨论】：