Given the following code...
<dom-module id="fnord-element">
<template>
<iron-list items="[[myItems]]" as="item">
<template>
<div class="item">[[item.name]]</div>
</template>
</iron-list>
</template>
<script>
Polymer({
is:'fnord-element',
properties: {
myItems: {
type: Array,
notify: true
}
},
addItem: function(item) {
//this.push("myItems", {"name":item});
this.myItems=[{name:item}];
alert(this.myItems[0].name);
//alert(item);
},
ready: function() {
//alert('fnord');
this.myItems=[{name:"One"},{name:"Two"}];
}
});
</script>
</dom-module>
<fnord-element id="fnord"></fnord-element>
<paper-button raised
onclick="document.querySelector('#fnord').addItem('John
Doe');">Test</paper-button>
I can access and update the myItems array and see values being set to it
via the alert() method call, but no items are actually displayed from the
ready() or addItem() calls.
Clearly I'm missing something fundamental, but I'm at a bit of a loss as to
what it is.
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/5c6c1351-5e33-49ef-a509-b815e4c05862%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
