javascript - Polymer 1.0使用ExcludeLocalNames跳过节点

javascript - Polymer 1.0使用ExcludeLocalNames跳过节点,第1张

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

修改

以下是文档的链接:

最佳答案:

1 个答案:

答案 0 :(得分:3)

不要在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>
本文经用户投稿或网站收集转载,如有侵权请联系本站。

发表评论

0条回复