javascript - 单击子 dom-repeat 项访问父 dom-repeat 项

Question

我正在使用聚合物。我有一系列看起来像的对象

[{
  name:xxx,
  address:yyy,
  times:[
        {start:12,
         End:5
        },
        {start:2,
         End:4
        }
       ]
},
{//same format repeats
}
]

我使用了嵌套的 dom-repeat，

 <template is="dom-repeat" items="{{pList}}" as="list">
          <paper-item>
              <paper-item-body two-line>
                <div>[[list.address]]</div>
                <div secondary>[[list.name]]</div>
              </paper-item-body>
            <template is="dom-repeat" items={{list.times}} as="time">                
                  <paper-item-body  on-tap="_handleTime" two-line>
                    <div>[[time.start]]</div>
                    <div>[[time.end)]]</div>
                  </paper-item-body>
            </template>
          </paper-item> 
   </template>

我在第二个 dom-repeat 中有 on tap 函数，所以在调用下面的函数时，我可以访问 time 对象。如何使用下面的“e”引用访问第一个 dom-repeat 中的名称和地址？我尝试了 parentElement 但它不起作用！

      _handleTime:function(e) {
         console.log(e.model.time); //displays time obj i.e {start:12,End:5} but I'm trying to get {name,address,{start,end}}
         console.log(e.parentElement);//gives error
         //I'm trying to get entire object like {name:xxx,address:yyy,times:[]}

     }

Answer 1

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

其中firstRepeat是第一个的 id dom-repeat，

检查这个例子