Как передать объектные литералы как полимерные атрибуты
Чтобы протестировать некоторые мои собственные полимерные элементы в отдельности, я хотел бы иметь возможность передавать в js объектные литералы для некоторых атрибутов, которые обычно приходят из родительских элементов. У меня проблемы с выяснением, как это сделать. Смотрите этот пример кода. Если бы он работал так, как мне хотелось бы, он бы отображал 1 и 2 рядом друг с другом, но это не работает.
<script src="http://www.polymer-project.org/webcomponents.js"></script>
<link rel="import" href="http://www.polymer-project.org/components/polymer/polymer.html">
<polymer-element name="my-element" attributes="stuff">
<template>
{{stuff.one}} {{stuff.two}}
</template>
<script>
Polymer('my-element', {
ready: function () {
console.log(this.stuff);
}
});
</script>
</polymer-element>
<my-element stuff='{"one": 1, "two": 2}'></my-element>