knockoutjs 1.3PRE “This template engine does not support anonymous templates nested within its templates”

http://stackoverflow.com/questions/8294515/knockoutjs-1-3pre-this-template-engine-does-not-support-anonymous-templates-nes

by rniemeyer

HTML

<script src="http://knockoutjs.com/downloads/knockout-2.2.1.js"></script>
<ul data-bind="template: { name: 'itemsTmpl', foreach: items }"></ul>

<script id="itemsTmpl" type="text/html">
    <li>
        <span data-bind="text: name"></span>
        <ul data-bind="foreach: children">
            <li data-bind="text: name"></li>
        </ul>
    </li>
</script>

CSS

ul { margin-left: 15px; }

JavaScript

var viewModel = {
    items: [
        {name: "one", children: [ { name: "oneA"}, {name: "oneB"} ]},
        {name: "two", children: [ { name: "twoA"}, {name: "twoB"} ]},
        {name: "three", children: [ { name: "threeA"}, {name: "threeB"} ]}
    ]
};

ko.applyBindings(viewModel);