Javascript 每个对象中有两个数组-角度UI树

每个对象中是否可以有两个数组，如下所示：

[
  {
    "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"
      }
    ]
  }
]

在每个对象中有两个数组，

子类别

和

产品

。而不仅仅是示例中的

节点

数组：

{
    '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树拖放时，如果我将

产品

内容拖放到父类别中，它将如何知道填充

产品

数组而不是

子类别

数组。我不确定在拖放过程中如何指定此选项。添加一个新项目很容易，因为我可以直接推到选定的数组，但我不知道拖放操作如何知道推到哪个数组。对不起，我不清楚。如果我需要更多解释，请告诉我。谢谢。

您需要将数据映射到预期的结构…在服务器上或使用javascript方法。最内部的

子类别

和

产品

当然可以保存数据，但它们不是节点。您将无法将节点从其他区域移动到这些数组中。好的，我希望这可以设计为只有

子类别

可以有子类别…可以是

产品

或更多

子类别

，但

产品

不允许是子类别