knockout with breeze - nested foreach

by kougiland

HTML

<script src="http://knockoutjs.com/downloads/knockout-2.2.1.js"></script>
<div id="root">
    <div data-bind="foreach: categories">
        <div data-bind="text: Name"></div>
        <div data-bind="foreach: Children">
            <div data-bind="text: ' - ' + Name"></div>
        </div>
    </div>
</div>

JavaScript

var vm = {
    categories: ko.observableArray()
};
ko.applyBindings(vm, $("#root").get(0));

var results = [{"$id":"1","$type":"SR.Data.Models.Domain.Category, SR.Data","CategoryId":5,"Name":"Apparel","Description":"Apparel","IsPublished":true,"IsDeleted":false,"CreatedOn":"2013-05-31T11:28:37.677","Children":[{"$id":"2","$type":"SR.Data.Models.Domain.Category, SR.Data","CategoryId":6,"ParentCategoryId":5,"Name":"Accessories","Description":"Accessories","IsPublished":true,"IsDeleted":false,"CreatedOn":"2013-05-31T11:29:11.860","ParentCategory":{"$ref":"1"},"Children":[]}]},{"$id":"3","$type":"SR.Data.Models.Domain.Category, SR.Data","CategoryId":3,"Name":"Art","Description":"Art","IsPublished":true,"IsDeleted":false,"CreatedOn":"2013-05-31T11:25:30.250","Children":[{"$id":"4","$type":"SR.Data.Models.Domain.Category, SR.Data","CategoryId":4,"ParentCategoryId":3,"Name":"Animation","Description":"Animation","IsPublished":true,"IsDeleted":false,"CreatedOn":"2013-05-31T11:25:46.333","ParentCategory":{"$ref":"3"},"Children":[]}]},{"$id":"5","$type":"SR.Data.Models.Domain.Category, SR.Data","CategoryId":1,"Name":"Books","Description":"Books","IsPublished":true,"IsDeleted":false,"CreatedOn":"2013-05-13T17:14:15.880","Children":[]},{"$id":"6","$type":"SR.Data.Models.Domain.Category, SR.Data","CategoryId":2,"Name":"Movies","Description":"DVD's & Blu-ray","IsPublished":true,"IsDeleted":false,"CreatedOn":"2013-05-14T12:13:36.570","Children":[{"$id":"7","$type":"SR.Data.Models.Domain.Category, SR.Data","CategoryId":7,"ParentCategoryId":2,"Name":"Blu-ray","Description":"Blu-ray","IsPublished":true,"IsDeleted":false,"CreatedOn":"2013-05-31T11:31:05.710","ParentCategory":{"$ref":"6"},"Children":[]},{"$id":"8","$type":"SR.Data.Models.Domain.Category,...