I would like to extend the content and add new dom elements that contain
data-binding. In the example runs the add new item, but data-binding does
not work. Is it possible to solve my problem?
<polymer-element name="wizard">
<template>
<style>
:host {
display: block;
}
:host #pages section {
position: static;
}
</style>
<core-animated-pages id="pages"
transitions="slide-from-right"
selected="{{selectedPageIndex}}">
<content id="content"></content>
</core-animated-pages>
</template>
<script>
Polymer({
attached: function() {
var nodes = this.$.content.getDistributedNodes();
for(var i = 0; i < nodes.length; i++) {
if(nodes[i] instanceof HTMLElement) {
var el = nodes[i].querySelector('div div');
el.innerHTML = el.innerHTML + '<button
on-tap="{{nextPage}}">Next</button>';
}
}
},
selectedPageIndex: 0,
previousPage: function () {
this.$.pages.selectPrevious(true);
},
nextPage: function () {
this.$.pages.selectNext(true);
}
});
</script>
</polymer-element>
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/716ce94e-7de1-4984-a963-39514ca7426a%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
