Polymer 1.0 使用 ExcludeLocalNames 跳过节点

Question

我尝试从 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 属性吗？

编辑

这里是文档的链接：

Answer 1

不要在 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>

Polymer 1.0 使用 ExcludeLocalNames 跳过节点

Polymer 1.0 skip nodes with ExcludeLocalNames

html

javascript

polymer