如何使用dom-repeat在Polymer 1.0中创建动态菜单

Question

First of all, sorry for my english, this is my first question here. I have a problem creating a dynamic menu with dom-repeat, here is my template:

<paper-menu class="list" on-iron-select="onMenuSelect" id="mainMenu" >
   <template is="dom-repeat" items="{{menu.Options}}" as="menu" id="iron_pages_app">
       <paper-item on-tap="funcion" data="{{menu}}"><iron-icon icon="{{menu.Icon}}"></iron-icon><span>{{menu.Name}}</span></paper-item>
       <template is="dom-repeat" items="{{menu.Options}}" as="sub" id="iron_pages_app_2">
           <paper-item on-tap="funcion_dos" class="olakease"><span style="padding-left: 3em">{{sub.Name}}</span></paper-item>
                <template is="dom-repeat" items="{{sub.Options}}" as="subDos">
                    <paper-item on-tap="funcion_tres"><span style="padding-left: 6em">{{subDos.Name}}</span></paper-item>
                </template>
        </template>
    </template>
</paper-menu>

As you can see this code try to fix the problem that polymer 1.0 has not submenu. The render of data works fine, so my really question is how to get the information of my sub-elements, because if I use:

var item = this.$.iron_pages_app.itemForElement(e.target);

works fine, but if i try to do the same with "sub-menu elements" don't show nothing. I have tried:

var item = this.$$("#iron_pages_app_2").itemForElement(e.target);
var item = Polymer.dom(this.root).querySelector("#iron_pages_app");

Any suggestion? Thanks

Edit

Finally I can get the information of each submenus, but I think the way I did is not right one, here is the code:

var item = e.model.__data__.sub;

where "sub" is the alias of my second dom-repeat, anyone can help me with a better solution? Thanks again.

Edit

var menu = event.model.menu;
var sub = event.model.sub;
var subDos = event.model.subDos;

This works fine, but on third level cant access to information of sub or menu, just doesnt appear.

In "funcion" I need only information about this level.

In "funcion_dos" I need information about this level and first level.

In "funcion_tres" I need information about two previous level.

I hope you can understand me, sorry for my english again.

Answer 1

如果您尝试访问点击事件处理程序中的项目，则应该可以使用event.model.item尽管使用了as属性为项目属性分配了不同的名称，所以您将使用这些名称而不是.item，例如event.model.subDos