<template id="my-template"> <div> <label for="showName">Show name:</label> <input id="showName" type="checkbox" checked="{{show}}" /> </div> <template if="{{show}}"> First: <input type="text" value="{{first}}" /> Last: <input type="text" value="{{last}}" /> </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({ first: "John", last: "Doe", show: true })); }); });