yeoman angular-fullstack nav 下拉菜单答案

【问题标题】：yeoman angular-fullstack nav dropdownyeoman angular-fullstack nav 下拉菜单
【发布时间】：2016-01-23 23:01:35
【问题描述】：

我使用过 Yeoman angular-fullstack 生成器，非常喜欢它！

我正在尝试在导航栏中添加一个下拉菜单。我在 Client/Components/Navbar/navbar.controller.js 中找到了导航栏控制器，并将项目添加到菜单对象中。这适用于单个页面，但是我找不到有关如何添加下拉菜单的任何语法！

我确信这是一个容易回答的问题，但我很难找到任何相关文档。

干杯

【问题讨论】：

标签： navbar yeoman angular-fullstack

【解决方案1】：

Angular 全栈使用引导程序。因此，您可以使用 bootstrap 3 下拉菜单，您希望您的菜单位于您找到的文件中。如果你去http://getbootstrap.com/components/#dropdowns，那里有解释。

【讨论】：

【解决方案2】：

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>

【讨论】：