安装 angular-ui

Question

我有一个 MEAN 项目，使用 AngularJS v1.4.3。我需要在导航菜单中插入一个下拉项，因此我尝试按照说明安装、包含和使用 angular-ui/bootstrap，如下所示：
- 使用
安装软件包 npm 安装 angular-ui-bootstrap
- 将模块添加到应用程序
angular.module('usermgmtApp', ['ngRoute', 'ui.bootstrap']);
- 使用以下代码实现下拉菜单条目：

<ul class="nav navbar-nav">
    <li><a href="/">Home</a></li>
    <li uib-dropdown on-toggle="toggled(open)"><!-- Simple dropdown -->
        <a href id="simple-dropdown" uib-dropdown-toggle>
            Click me for a dropdown, yo!
        </a>
        <ul class="dropdown-menu" uib-dropdown-menu role="menu" aria-labelledby="single-button">
            <li role="menuitem"><a href="#">Action</a></li>
            <li role="menuitem"><a href="#">Another action</a></li>
            <li role="menuitem"><a href="#">Something else here</a></li>
            <li class="divider"></li>
            <li role="menuitem"><a href="#">Separated link</a></li>
        </ul>
    </li>
    <li><a href="applications">Next</a></li>

下拉部分的代码是从 https://angular-ui.github.io/bootstrap/ 复制的代码片段（包括没有目标的 "href"，但在我学习 Angular 时我照原样使用它）。这就是我所做的一切，当我运行我的应用程序时，它甚至没有打开登录页面，所以我在这里遗漏了一些东西，当然是在安装模块时（我是否必须在 /[ 下载一些代码=36=]，我是否必须在代码中的某处包含一些 "import" ...）。同样，我对 angular github 上的说明感到困惑，感谢您的帮助。谢谢

Answer 1

这不是火箭科学，但可能对可能降落在这里的新蜜蜂有用：
- 安装 angular js 包管理器（如 node js 的 npm）；从控制台执行，在项目的根文件夹中：
npm install -g bower
bower init（这将创建配置文件 bower.json）
- 从控制台安装 angular-ui-bootstrap：
bower 安装 angular-bootstrap --save
（这将在项目的根文件夹中创建 bower_components/angular-ui-bootstrap 条目）
- 在 app_client/main.js 中，在 angular.module 数组
中添加 'ui.bootstrap' - 在 app_client/index.html 中插入，在所有其他 angular js 库文件之后：

<script src="lib/angular/ui-bootstrap-tpls-2.3.1.min.js"></script>
            (the file name should be the same as the one installed by bower in that folder)<br>
    - insert the code where you want to use ui.bootstrap components, following the
    snippet guidance from https://angular-ui.github.io/bootstrap<br>

HTH

安装 angular-ui

Install angular-ui

node.js

angularjs

angular-ui