javascript - 如何将对象文字作为 polymer 属性传递

Question

为了单独测试我的一些 polymer 自定义元素，我希望能够为一些通常来自父元素的属性传入 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>

Answer 1

如果您使用空哈希初始化 stuff 属性，Polymer 只会将 JSON 文本转换为对象:

Polymer('my-element', {
    stuff: {},
    ready: function () {
        console.log(this.stuff);
    }
});

如果没有这个，stuff 属性将作为字符串传入。数组也是如此。