Yeoman Angular-fullstack Nav 下拉列表

Question

我使用过Yeoman角度全栈生成器，绝对喜欢它！

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

我相信这是一个容易回答的问题，但我正在努力寻找任何相关文档。

干杯

Answer 1

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

Answer 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>