如何在Polymer元素中预览JSON对象

Question

在Angular / JS应用程序中，如果我在作用域中有一个JSON对象，我可以在我的页面上预览它，例如：

<pre>{{myObject|json}}</pre>

我如何在Polymer中做类似的事情？

当我尝试同样的事情时，我只看到[object Object]

Answer 1

此语法不再适用于Polymer 0.8+（was available in version 0.5）。

现在你可以bind to a function：

<pre>{{_getJson(myObject)}}</pre>

<script>
   Polymer({
      properties: {
         myObject: Object
      },
      _getJson: function(myObject) {
         return JSON.stringify(myObject);
      }
   });
</script>

_getJson将在myObject更改时随时调用，结果将绑定到<pre>元素。