angularjs - 不均一な深さのデータに対するネストされた ng-repeat

Question

angular js では、コントローラーを介してサイト ナビゲーションを構築しようとしています。ナビゲーション メニューには、サブメニューがあるメニューとないメニューがあります。これは、私のナビゲーションコントローラーの簡易版です。

function NavCtrl($scope) {
  $scope.menus = [
    {"name": "Destinations",
     "url": "/#/destinations",
    "submenu":[
    {
      "name":"America",
      "url":"#"
    },
    {
      "name":"Europe",
      "url":"#"
    }
    ]},
    {"name": "Friend Finder",
     "url": "/#/friend-finder"},
    {"name": "Blog",
     "url": "/#/blog"},
  ];
}

そして、これを出力するために使用するコードは次のとおりです。

<ul class="nav" ng-controller="NavCtrl">
      <li ng-repeat="menu in menus">
        <a href="{{menu.url}}">
          {{menu.name}}
        </a>
        <ul>
          <li ng-repeat="submenu in menu.submenu">
            <a href="{{submenu.url}}">
            {{submenu.name}}
            </a>
          </li>
        </ul>
      </li>
    </ul>

メニューにサブメニューがない場合、内部 ul を出力しないようにする方法はありますか?