如何在agility.js中绑定数据结构？

Question

我的敏捷应用绑定了以下数据结构：

[
    {
        "id":"1", 
        "items":[ {"name":"first"}, {"name":"second"} ]
    },
    {
        "id":"2", 
        "items":[ {"name":"third"}, {"name":"fourth"} ]
    }
]

我想使用这个数据结构来创建一个嵌套列表：

<ul>
    <li>1
        <ul>
            <li>first</li>
            <li>second</li>
        </ul>
   </li>
   <li>2
        <ul>
            <li>third</li>
            <li>fourth</li>
        <ul>
   </li>
</ul>

但是agility.js似乎只处理绑定简单的平面对象。有没有办法在agility.js中实现这样的绑定?如果有，项和容器模板会是什么样子？

Answer 1

敏捷性目前不提供对虚线变量的绑定。请关注此帖子以获取更新：

http://groups.google.com/group/agilityjs/browse_thread/thread/5524b72dd1d1894c

Answer 2

我添加了支持：https://github.com/arturadib/agility/pull/91

Answer 3

你可以使用嵌套的敏捷对象来实现你想要的。

因此，您有一个对象来描述外部列表，在这个列表中，您有一个描述第一级子对象1和2的对象，然后您有另一个描述孙子对象的敏捷性对象定义。有点类似于demo TODO应用程序，但复杂程度更高。您可以利用Agility.js的继承并编写一个Abstract对象，其中包含两个li对象共享的公共功能。

我认为这种方法比只有一个“上帝对象”更好的代码设计，“上帝对象”描述了列表及其子类，记住，你永远不会有足够的对象，但单个类很容易有太多的责任。

希望这能有所帮助