Question

我使用了Yeoman angular-fullstack发生器并且非常喜欢它！

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

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

干杯

Answer 1

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

Answer 2

angularfulstack可能会使用引导程序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>

yeoman angular-fullstack导航下拉列表

2 个答案: