Javascript 聚合物。纸张子菜单触发器作用于纸张项目内的两个元素

我需要Polymer的纸张菜单/子菜单中的帮助。我的任务是使导航面板的树形结构，是基于纸张菜单。所以，我有问题的“菜单触发”类内的纸张项目标签，我有两个元素内的纸张项目：图标和链接与两个不同的事件点击他们。当我点击图标时，它会折叠另一个纸质菜单，当点击链接时，它会执行另一个事件，但现在它们都会折叠另一个菜单。如何区分这些事件

PS：对不起，我的英语：）

；
测试1
；
测试1.1
测试1.1.1
测试1.1.2
测试1.2
测试1.3

只需在点击时使用一些

或点击时使用
事件和一些js来显示/隐藏子菜单。
只需在点击时使用一些
或点击时使用
事件和一些js来显示/隐藏子菜单。
因此，如果有人对这个问题的一些解决方案感兴趣：我使用了
指针事件：无，但我认为这不是最好的主意，所以我决定使用
event.stopPropagation（）
因此，如果有人对这个问题的一些解决方案感兴趣：我使用了
指针事件：无，但我认为这不是最好的主意，所以我决定使用
event.stopPropagation（）
点击纸张菜单/子菜单，很少会触发事件

熨斗激活
：（选中或取消选中）

取消选择熨斗
：取消选择

铁件变更
：选择变更项目

熨斗选择
：选择事件

这些事件有两个参数（事件，selecteditem）
根据您的要求，选择编辑项并应用您的逻辑

更多信息：
点击纸质菜单/子菜单，很少会触发事件

熨斗激活
：（选中或取消选中）

取消选择熨斗
：取消选择

铁件变更
：选择变更项目

熨斗选择
：选择事件

这些事件有两个参数（事件，selecteditem）
根据您的要求，选择编辑项并应用您的逻辑

更多信息：

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