can/demos/can-component/my_greeting_full.html

MIT-licensed, client-side, JavaScript framework that makes building rich web applications easy.

<div id='out'></div>
<script id="source-template" type="text/stache">
  <header>
    <my-greeting>
      {{site}}
    </my-greeting>
  </header>
</script>

<script src="../../node_modules/steal/steal.js" main="@empty">
var Component = require("can-component");
var stache = require("can-stache");
var DefineMap = require("can-define/map/map");
var $ = require("jquery");

Component({
	tag: "my-greeting",
	view: stache("<h1><content/> - {{title}}</h1>"),
	ViewModel: DefineMap.extend({
		title: {
			value: "can-component"
		}
	})
});

var template = stache.from("source-template");
$("#out").html(template({site: "CanJS"}));
</script>
<script>
	DEMO_HTML = document.getElementById("source-template").innerHTML;
</script>