Polymer ядро-элемент, выбранный вопрос

Question

код можно найти здесь: https://ele.io/MikeFielden/cw-style-demo-menu

Что Im пытается достичь здесь, чтобы левый компонент нав, что я могу включить на многих страницах с attribute по метке выбранных, что я могу используйте для выключения и выберите соответствующий core-item.

Для жизни меня я не могу заставить его работать. Наверное, я смущен прошивать тень DOM из js? Не совсем уверен, какой лучший подход здесь.

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