javascript - Polymer 1.0使用ExcludeLocalNames跳过节点

我尝试从Polymer 0.5迁移到1.0，并遇到以下问题：

有人知道如何忽略paper-menu中的节点吗？在0.5中，您可以将属性excludedLocalNames设置为忽略其中的某些属性，但在1.0中，它似乎已更改。

在IronSelectableBehavior中，仍然存在属性excludedLocalNames，因此我认为它必须仍在工作。有没有一个有效的例子？

以下代码是我首次尝试创建具有该功能的子菜单，但是父菜单不会忽略该子菜单：

<paper-menu selected="{{route}}" attr-For-Selected="entry" excludedLocalNames="paper-menu">
    <paper-icon-item entry="home">
        <iron-icon icon="home" item-icon></iron-icon>
        Übersicht
    </paper-icon-item>
    <paper-icon-item entry="page1">
        <iron-icon icon="label" item-icon></iron-icon>
        Page1
    </paper-icon-item>
    <template is="dom-if" if="{{computeEquals(route,'page1')}}">
        <paper-menu class="submenu" selected="{{routePage1}}" attr-For-Selected="entry1">
            <paper-icon-item entry1="basics">
                <iron-icon icon="icons:assignment" item-icon></iron-icon>
                Basics
            </paper-icon-item>
            <paper-icon-item entry1="tools">
                <iron-icon icon="icons:apps" item-icon></iron-icon>
                Tools
            </paper-icon-item>
        </paper-menu>
    </template>
    <paper-icon-item entry="page2">
        <iron-icon icon="label" item-icon></iron-icon>
        Page2
    </paper-icon-item>
</paper-menu>

因为1.0中没有更多的子菜单元素，所以我尝试了将菜单放入菜单的方法。但是如果我单击一个子菜单项，则父菜单会更改其重点项目...

有没有人知道如何使用excludeLocalNames属性？

编辑

这里是文档的链接：


IronSelectableBehavior
paper-menu

最佳答案

不要在1.0中使用excludedLocalNames。而是将选择器上的selectable属性设置为要允许选择的节点的名称。基本上，它是白名单而不是黑名单（也更加可靠）。

例如：

<paper-menu selectable="paper-item,div">

  <paper-item>You can select me!</paper-item>

  <div class="menu-item">You can select me, too.</div>

  <paper-icon-item icon="user">You can't select me.</paper-icon-item>

  <header>I'm not selectable either.</header>

</paper-menu>