javascript - n 番目の子ノードへのダスト テンプレートのレンダリング

Question

ネストされた要素とn個のレイヤーを含むツリーメニューデータを含むjsonオブジェクトをサーバーから受信しています。子要素がいくつあってもドリルダウンできるようにするために、これが必要です。

Dust.js テンプレートを使用してオブジェクトの子要素を再帰的にループする方法はありますか?

この例は次のようになります。

{#assignment}
     {#childAssignment}
         {#nChildAssignment}
             //etc, etc, etc into the dark pits of mordor
         {/nChildAssignment}
     {/childAssignemnt}
{/assignment}

Answer 1

パーシャルを使用し、パーシャルを再帰的に呼び出すことをお勧めします。したがって、次のような JSON がある場合:

{
  "assignment": {
    "value": "foo",
    "assignment": {
      "value": "bar",
      "assignment": {
         ...
         "assignment": {
           "value": "last one"
         }
      }
    }
  } 
}

次に、テンプレートrecusive_assignment.dustは次のようになります。

{#assignment}
  {value}
  {?.assignment}
    {>recursive_assignment.dust}
  {/.assignment}
{/assignment}