ul
空の場合はsを非表示にします。
<div class="nav-manage clearfix" ng-app="linksManager">
<script type="text/ng-template" id="inner-list.html">
<li ng-repeat='link in link.submenu'>
<a href="{{link.url}}">{{link.text}}</a>
<div ng-switch on="link.submenu">
<ul class="sortable" ng-include="'inner-list.html'">
</div>
</li>
</script>
<div class="links-arrange" ng-controller="linksRarrange">
<ul class="sortable">
<li ng-repeat="link in links">
<a href="{{link.url}}">{{link.text}}</a>
<div ng-switch on="link.submenu">
<ul class="sortable" ng-include="'inner-list.html'"></ul>
</div>
</li>
</ul>
</div>
ただし、コンテンツに関係なく非表示にはなりません。ng-switch on
これはデータ構造です:
var linksData = [
{
text: 'Menu Item 1',
url: '#'
}, {
text: 'Menu Item 2',
url: '#',
submenu: [
{
text: 'Sub-menu Item 3',
url: '#'
}, {
text: 'Sub-menu Item 4',
url: '#',
submenu: // etc ...
];