Asp.net mvc 使用AngularJS将Treeview添加到ASP.NET MVC

我有一个列表，有两个级别，在我的vbhtml页面中显示如下：

<li>Contract Coverage:</li>
<li ng-repeat="(key, val) in orgSettings">
    <label>{{key}}</label>        
    <ul>
       <li ng-repeat="setting in val">{{setting.settingname}}</li>
    </ul> 
</li>
<li>

合同范围：

{{key}}

{{setting.settingname}

第3行表示一个组织，下面将列出多个设置（第5行中的ng重复）。 我想在组织级别将此显示转换为可折叠/可扩展的树状视图，这样，如果用户单击旁边的加号，设置就会隐藏起来，并可以展开显示在列表中特定组织的下方

---

请帮忙？

我能想到的最简单的方法是：

<li ng-init="visible = {}">Contract Coverage:</li>
<li ng-repeat="(key, val) in orgSettings" ng-init="visible[key]=true" ng-click="visible[key]=!visible[key]" >
    <label>{{key}}</label>        
    <ul ng-show="visible[key]">
       <li ng-repeat="setting in val" >{{setting.settingname}}</li>
    </ul> 
</li>
<li>

合同范围：

{{setting.settingname}

---

看看这个笨蛋：

你摇滚。非常感谢！