Я использую генератор Yeoman angular-fullstack, и он мне очень нравится!
Я пытаюсь добавить раскрывающийся список в навигационную панель. Я нашел контроллер навигационной панели в Client/Components/Navbar/navbar.controller.js и добавил элементы в объект меню. Это отлично работает для отдельных страниц, однако я не могу найти синтаксис, как добавить выпадающее меню!
Я уверен, что на этот вопрос легко ответить, но я изо всех сил пытаюсь найти любую соответствующую документацию.
Ваше здоровье
Angular fullstack использует бутстрап. Таким образом, вы можете использовать раскрывающееся меню начальной загрузки 3, где вы хотите, чтобы ваше меню находилось в файле, который вы нашли. Если вы перейдете на http://getbootstrap.com/components/#dropdowns, там все объясняется.
angularfulstack может использовать bootstrap 3, однако для выпадающего списка вам нужно использовать способ ui-bootstrap.
<li ng-show="$ctrl.isLoggedIn()" class="btn-group" uib-dropdown is-open="status.isopen">
<a>
<span id="single-button" type="button" uib-dropdown-toggle ng-disabled="disabled">
<span class="glyphicon glyphicon-cog"></span>
</span>
</a>
<ul class="dropdown-menu" uib-dropdown-menu role="menu" aria-labelledby="single-button">
<li ng-show="$ctrl.isAdmin()" ui-sref-active="active"><a ui-sref="users"><span class="fa fa-address-card-o"></span> Users</a></li>
<li ng-show="$ctrl.isAdmin()" ui-sref-active="active"><a ui-sref="dashboard"><span class="fa fa-dashboard"></span> Dashboard</a></li>
<li ng-show="$ctrl.isAdmin()" class="divider"></li>
<li ng-show="$ctrl.isLoggedIn()" role="menuitem" ui-sref-active="active"><a ui-sref="company"><span class="fa fa-gears"></span> Company Information</a></li>
</ul>
</li>
