单击子dom-repeat项目时访问父dom-repeat项目

时间:2016-12-05 11:33:32

标签: javascript dom polymer polymer-1.0 dom-repeat

我正在使用聚合物。我看起来有一些对象

[{
  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中有点击功能,所以在调用下面的函数被调用,这里我可以访问时间对象。 如何使用&#39; e&#39;来访问第一个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:[]}

     }

0 个答案:

没有答案