angular怎么对select的option循环树形下拉菜单？

Question

[

      name : "游戏",

      children : [

            {

                  name : "王者荣耀"

            }，

            {

                  name : "绝地求生"

            }

      ]

]

<select class="form-control">

    <option *ngFor="let g of gameList;">

          {{g.name}}

          

    </option>

    

</select>

有什么写法能实现图中的demo吗？

如果在option标签里面写div。是不换行的。

Answer 1

同意一楼的建议，select是没法达到这种效果。自己可以写组件。应该有较多的插件可以达到你的需求。也可以参照别人写的组件自己写个适用自己的

Answer 2

那你也可看看用特殊字符构造这个树php好像经常会这么搞就是像树但是全部摊开。不能折叠，