require.config({baseUrl: "http://ibm-js.github.io/libraries/master/"});
require(["deliteful-build/layer", "liaison-build/delite/layer"], function () {
require([
"delite/register",
"delite/Widget",
"liaison/delite/createRenderer"
], function (register, Widget, createRenderer) {
register("liaison-binding-basic", [HTMLElement, Widget], {
baseClass: "liaison-binding-basic",
// You can use RequireJS text plugin to define template string:
// http://requirejs.org/docs/api.html#text
render: createRenderer(document.getElementById("my-template").innerHTML),
first: "John",
last: "Doe"
});
register.parse();
});
});
<!--
You can use RequireJS text plugin to define template string:
http://requirejs.org/docs/api.html#text
-->
<script id="my-template" type="text/x-template">
<div>
First: <input type="text" value="{{first}}" />
Last: <input type="text" value="{{last}}" />
</div>
<div>
Model value: {{first}} {{last}}
</div>
</script>
<liaison-binding-basic></liaison-binding-basic>