javascript - 各オブジェクトに 2 つの配列 - Angular UI ツリー

Question

次のように、各オブジェクトに 2 つの配列を含めることは可能ですか。

[
  {
    "id": 1,
    "title": "Drink",
    "subcategories": [
      {
        "id": 11,
        "title": "Alcoholic",
        "subcategories": [
          {
            "id": 111,
            "title": "Margarita",
            "subcategories": [],
            "products": []
          },
        ],
        "products": [
          {
        "id": 12,
        "title": "Budweiser"
          }
        ]
      }
    ],
    "products": [
      {
        "id": 2,
        "title": "Coca Cola"
      }
    ]
  }
]

ここでは、各オブジェクトにsubcategoriesとの2 つの配列があります。例にある配列productsの代わりに:nodes

{
    'id': 1,
    'title': 'node1',
    'nodes': [
      {
        'id': 11,
        'title': 'node1.1',
        'nodes': [
          {
            'id': 111,
            'title': 'node1.1.1',
            'nodes': []
          }
        ]
      },
      {
        'id': 12,
        'title': 'node1.2',
        'nodes': []
      }
    ]
  }......

UI ツリーのドラッグ アンド ドロップを使用しているときに、コンテンツを親カテゴリにドラッグすると、配列ではなく配列productsを埋めることをどのように認識しますか。ドラッグアンドドロップ中にこれを指定する方法がわかりません。選択した配列にプッシュするだけなので、新しいアイテムを追加するのは簡単ですが、ドラッグ アンド ドロップでプッシュ先を知る方法がわかりません。わかりにくかったらすいません。さらに説明する必要がある場合はお知らせください。ありがとう。productssubcategories