Question

可以在此处找到代码：https://ele.io/MikeFielden/cw-style-demo-menu

我想在这里尝试实现的是左侧导航组件，我可以在选定的标签上添加attribute的许多页面上包含该组件，我可以使用它来关闭并选择相应的{{1} }。

对于我的生活，我无法让它发挥作用。我想我对从js内刺穿阴影DOM感到困惑？不太确定这里最好的方法是什么。

Answer 1

您的代码存在一些问题。

整个菜单模板应如下（请注意selected上paper-item属性的设置）：

<core-menu id="nav">
  <template repeat='{{node in nodes}}'>
    <paper-item id="{{node.name | lowercase}}" selected='{{selected == node.name}}'>
      <a href="{{node.location}}" tabindex="-1">{{node.name}}</a>
    </paper-item>
  </template>
</core-menu>

我不明白为什么你需要两个嵌套模板，所以我简化了一些事情。现在唯一要做的就是将演示菜单的selected属性设置为正确的名称（根本不需要id，按名称比较项目很好）：

<cw-style-demo-menu selected="Assets">

完整实时预览：http://plnkr.co/edit/E2B94tfAhJXnPZrusjtz?p=preview

聚合物核心项目选择问题

1 个答案: