require.config({baseUrl: "http://ibm-js.github.io/libraries/master/"});
require(["liaison-build/layer"], function () {
require([
"liaison/wrapper",
"liaison/DOMTreeBindingTarget"
], function (wrapper) {
var model = wrapper.wrap([
{
first: "Anne",
last: "Ackerman"
},
{
first: "Ben",
last: "Beckham"
},
{
first: "Chad",
last: "Chapman"
},
{
first: "Irene",
last: "Ira"
}
]);
document.getElementById("my-template").bind("repeat", model);
});
});
<template id="my-template">
<div>
First: <input type="text" value="{{first}}" />
Last: <input type="text" value="{{last}}" />
</div>
</template>