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

あなたが望むものを達成するために、ネストされた敏捷性のオブジェクトを使用することができます。

外部リストを記述するオブジェクトがあるので、最初のレベルの子要素1 &が記述されているオブジェクトがあると、孫を記述する別の敏捷性オブジェクト定義があります。デモのTODOアプリケーションに似ていますが、さらに複雑なレベルが1つあります。 Agility.jsの継承を利用して、2つのオブジェクトによって共有される共通の機能を含む抽象オブジェクトを記述することができます。

私は、このアプローチは、リストとその子とその子を説明する1つの「神オブジェクト」を持つよりも優れたコード設計であると思います。オブジェクトは十分にあることはできませんが、個々のクラスでは、 。私はサポートを追加し

Answer 3

を助け

希望：https://github.com/arturadib/agility/pull/91