安装angular-ui

我有一个使用AngularJS v1.4.3的MEAN项目。 我需要在导航菜单中插入一个下拉菜单,因此我试图按照说明来安装,包含和使用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的,我把它照原样)复制的片段。 这就是我所做的一切,当我运行我的应用程序它甚至没有带来登陆页面,所以我在这里丢失的东西,当然在安装模块(我必须下载一些代码/公共,我有在代码中包含一些“导入”…)。 再次,我感到困惑的angular度github上的指示,我感谢您的帮助。 谢谢

这不是火箭科学,但对可能在这里降落的新生物可能有用:
– 安装angular度js包pipe理器(如节点js的npm); 从控制台上,在项目的根文件夹中:
npm install -g bower
bower init(这将创buildconfiguration文件bower.json)
– 从控制台安装angular-ui-bootstrap:
凉亭安装angular引导 – 保存
(这将在项目的根文件夹中创buildbower_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

Interesting Posts