polymer-1.0

Polymer 1.0: How to pass an argument to a Polymer function from an attribute?

You could utilize HTML5 data attributes instead. Try like this: <paper-button id=”foo” on-tap=”bar” data-args=”foo,some other value,2″>Click</paper-button> … <script> (function() { Polymer({ is: ‘example’, properties: {…}, bar: function(e){ var args = e.target.getAttribute(‘data-args’).split(‘,’); // now args = [‘foo’, ‘some other value’, ‘2’] } }); })(); </script>

How to use dom-repeat with objects instead of arrays in Polymer 1.0?

Here is a complete implementation: <test-element obj='{“a”: 1, “b”: 2, “c”: 3}’></test-element> <dom-module id=”test-element”> <template> <template is=”dom-repeat” items=”{{_toArray(obj)}}”> name: <span>{{item.name}}</span> <br> value: <span>{{item.value}}</span> <br> <hr> </template> </template> <script> Polymer({ properties: { obj: Object }, _toArray: function(obj) { return Object.keys(obj).map(function(key) { return { name: key, value: obj[key] }; }); } }); </script> </dom-module>