Is there a way to print the json representation of an object to the browser in Polymer?

Question

In AngularJS I would use:

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

Is there a way to do the same thing in PolymerJS?

Answer 1

The implementation of a custom json filter is quite simple:

<script>
  PolymerExpressions.prototype.json = function(object) {
    return JSON.stringify(object);
  }
</script>

Then you can use {{object|json}} anywhere you like.

Answer 2

I don't think so out of the box, you could create a custom element and just render your object as:

JSON.stringify(object)