首页 > 解决方案 > 在 Angular 9+ 中实现父子下拉列表的最简单方法是什么?

问题描述

在我的 Angular 9 项目中,我需要将数据集表示为下拉选择。对象就像下面这个例子,

    text: 'parent-1',
    value: 'p1',
    children: [
      {
        text: 'child-1',
        value: 'c1'
      }, {
        text: 'child-2',
        value: 'c2',
        children: [
          {
            text: 'child-1-2',
            value: 'c12'
          },
          {
            text: 'child-1-2',
            value: 'c12'
            children: [
              {
                text: 'child-1-2',
                value: 'c12'
              },
              {
                text: 'child-1-2',
                value: 'c12'
              }
            ]
          }
        ]
      },
    ]
  };

我需要一个下拉树来选择一个项目。孩子和父母都可以选择,但不能多选。注意:我已经尝试过ngx-tree-select npm 包,但它有9+ 角度版本的问题。

标签: angularangular-tree-component

解决方案


推荐阅读