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