将路径字符串列表转换为angularjs中的可折叠树

Question

我想将路径字符串列表转换为可折叠的树。 这是字符串的示例输入。它可以在var=[];中。

beverages/coffee/tea
Beverages/water
Beverages/coffee
beverages/coffee/tea/black tea
beverages/coffee/tea/white tea
beverages/coffee/tea/white tea/Green tea
beverages/coffee/tea/white tea/Green tea/sencho
beverages/coffee/tea/white tea/Green tea/gyokuro
beverages/coffee/tea/white tea/Green tea/matcha
beverages/coffee/tea/white tea/Green tea/pi lo chun

使用此数据，我想将此字符串列表转换为可折叠的树，该树看起来像angularjs中的下图。我尝试了其他代码，但无法获得所需的输出，如下图所示。

我认为解决方案是将其转换为json树结构，然后从中创建树视图。