Hi all, I've been fighting this for a while, I have this html in my polymer
element:
<div class="container">
<ul class="lines">
<template id="line" repeat="{{line in lines}}">
<li class="line {{line.class}}">
<div class="line-label">
<span class="line-name {{line.nameclass}}">
{{line.name}}
</span>
<span class="line-status {{line.class}}">
{{line.status}}
</span>
</div>
<ul class="line-disruptions">
<template id="disruption" repeat="{{disruption in
line.disruptions}}">
<li class="line-disruption
{{disruption.class}}">{{disruption.from}} to {{disruption.to}}:
{{disruption.status}}</li>
</template>
</ul>
</li>
</template>
</ul>
</div>
So there're two nested templates, now I want to add some click event on the
*ul.line-disruptions* elements, but I have no idea how to get to these
elements...
I tried this.shadowRoot.querySelectorAll('ul.line-disruptions') but nothing
is returned.
How do I access those nodes?
Thanks.
Follow Polymer on Google+: plus.google.com/107187849809354688692
---
You received this message because you are subscribed to the Google Groups
"Polymer" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To view this discussion on the web visit
https://groups.google.com/d/msgid/polymer-dev/76621c93-187f-4810-a3ef-026c080b4383%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
