[krasovsky]

<div id="accordion">
<h3>Пункт 1</h3>
<div>Контент 1</div>
</div>
<div id="accordion">
<h3>Пункт 2</h3>
<div>Контент 2</div>
</div>
<div id="accordion">
<h3>Пункт 3</h3>
<div>Контент 3</div>
</div>

ну емае, прояви немного фантазии ))

<div id="accordion">
<div ng-repeat="cat in categories">
      <h3>Пункт 1</h3>
      <div>Контент 1</div>
</div
</div>

И вообще, такие структуры делаются с помощью <ul><li></li></ul>

Возвращаясь к сообщению #7.

Я так понимаю ты пошел легким путем и сделал через watch, не вышло.
Делать 2 меню? Зачем? Что бы не работало что то еще? Не вижу логики.
Поднапрягись - заюзай резолв, выпили дикий скрипт формирования меню. Максимум что ты должен сделать - это сформировать объект с нужной тебе структурой вложенности пунктов меню. И в нем должны быть конкретные данные, никаких html тегов. И потом этот объект нужно вывести с помощью ngrepeat. Все.