robrez/dynamic-template.html

## dynamic-template.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Polymer Element Test Case</title>
  <base href="//polygit.org/components/">
  <script src="webcomponentsjs/webcomponents-lite.js"></script>
  <link rel="import" href="polymer/polymer.html">
  <dom-module id="x-foo">
    <template>
      <button on-tap="_handleTap">tap</button>
      <div id="content"></div>
    </template>
    <script>
      Polymer({
        is: 'x-foo',
        properties: {
          _count: {
            type: Number,
            value: 0
          }
        },
        behaviors: [
          Polymer.Templatizer
        ],
        _handleTap: function() {
          if (!this.ctor) {
            var d = document.createElement("div");
            d.innerHTML = "<div>test {{count}}</div>";
            var t = document.createElement("template");
            t.content.appendChild(d);
            this.templatize(t);
            console.log('templatizing it');
          }
          var n = this.stamp({count: ++this._count});
          Polymer.dom(this.$.content).appendChild(n.root);
        }
      })
    </script>
  </dom-module>
</head>
<body>
  <x-foo></x-foo>
</body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Polymer Element Test Case</title>
	<base href="//polygit.org/components/">
	<script src="webcomponentsjs/webcomponents-lite.js"></script>
	<link rel="import" href="polymer/polymer.html">
	<dom-module id="x-foo">
	<template>
	<button on-tap="_handleTap">tap</button>
	<div id="content"></div>
	</template>
	<script>
	Polymer({
	is: 'x-foo',
	properties: {
	_count: {
	type: Number,
	value: 0
	}
	},
	behaviors: [
	Polymer.Templatizer
	],
	_handleTap: function() {
	if (!this.ctor) {
	var d = document.createElement("div");
	d.innerHTML = "<div>test {{count}}</div>";
	var t = document.createElement("template");
	t.content.appendChild(d);
	this.templatize(t);
	console.log('templatizing it');
	}
	var n = this.stamp({count: ++this._count});
	Polymer.dom(this.$.content).appendChild(n.root);
	}
	})
	</script>
	</dom-module>
	</head>
	<body>
	<x-foo></x-foo>
	</body>
	</html>