灰烬-绑定嵌套数组

Question

我有一个Ember组件，它以数组的内容作为内容，如果它是一个对象，则每个项目都会呈现一个复选框；如果是数组，则为每个嵌套实例渲染一个新的嵌套实例。

该组件必须能够将数据绑定到根数组中的第一组项目以及所有嵌套项目。 我虽然使用计算属性和观察者，但按照Ember的规定， You cannot use nested forms like todos.@each.owner.name or todos.@each.owner.@each.name.

知道如何实现吗？

零件：

<dl class="selection-list">
    {{#each content}}
        <dd>
            {{#isArray this}}
                {{selection-list content=this}}
            {{else}}
                <label class="checkbox">
                    {{input type="checkbox" checked=selected disabled=disabled}}
                    {{label}}
                </label>

                {{#isArray children}}
                    {{selection-list content=children}}
                {{/isArray}}
            {{/isArray}}
        </dd>
    {{/each}}
</dl>

模型：

App.ApplicationRoute = Ember.Route.extend({
  model: function () {
    return {
      items: [
        {
          label: '1'
        },
        {
          label: '2', 
          children: [
            {
              label: '2.1'
            }, 
            {
              label: '2.2',
              children: [
                {
                  label: '2.2.1'
                },
                {
                  label: '2.2.2'
                },
                {
                  label: '2.2.3'
                }
              ]
            }
          ]
        },
        {
          label: '3'
        },
        {
          label: '4'
        }
      ]
    };
  }
});

使用绑定：

App.ApplicationController = Ember.ObjectController.extend({
    selectionCount: function () {
       return this.get('items').filterBy('selected').length;
    }.property('items.@each.selected')
});

例：
http://jsbin.com/yipuw/1/edit?html,js,output