AngularJS中的DecisionTree選擇器

Question

我想找到一個聰明的方法來在angularjs中創建一個多級決策樹選擇器。所以，基本上我在尋找的是： 如果我從下拉列表中選擇Maingroup「GroupA」，那麼我應該只能看到與GroupA相關的subgroup1的屬性。子組1也應該是一個下拉列表。然後，通過另一個下拉列表細化選擇，應僅顯示基於Maingroup + Subgroup1的可能選擇。 最後，應顯示值。

[{"Maingroup":"GroupA","Subgroup1":"subgroupA1","Subgroup2":"subgroupA21","Value":11.34}, 
{"Maingroup":"GroupA","Subgroup1":"subgroupA1","Subgroup2":"subgroupA22","Value":40.7}, 
{"Maingroup":"GroupA","Subgroup1":"subgroupA2","Subgroup2":"subgroupA23","Value":58.23}, 
{"Maingroup":"GroupA","Subgroup1":"subgroupA2","Subgroup2":"subgroupA24","Value":20.64}, 
{"Maingroup":"GroupA","Subgroup1":"subgroupA2","Subgroup2":"subgroupA25","Value":74.77}, 

我把截圖和json文件放在github上。 謝謝，任何建議是值得歡迎的。

Answer 1

看看angular-ui-tree connected trees demo。該結構可以重複使用以實現您的目標。