安裝angular-ui

我有一個MEAN項目，使用AngularJS v1.4.3。我需要在導航菜單中插入一個下拉菜單項，因此我嘗試按照說明安裝，包括並使用angular-ui/bootstrap，如下所示：
- 安裝軟件包
npm install angular-ui-bootstrap
- 將模塊添加到應用
angular.module（'usermgmtApp'，['ngRoute'，'ui.bootstrap']）;
- 使用下面的代碼來實現的下拉菜單項：
安裝angular-ui

<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我會照原樣）。這就是我所做的一切，當我運行我的應用程序時，它甚至不會提示登錄頁面，所以我在這裏錯過了一些東西，當然在安裝模塊時（我是否必須在/ public下載一些代碼，必須在代碼中包含一些「導入」......）。再說一遍，我對角度github上的指令感到困惑，我感謝你的幫助。感謝

來源

2016-12-17 Ginger Opariti

控制檯中的任何錯誤？ – ndoes

也許你會錯過在你的index.html中導入angular-ui-bootstrap，像這樣 – shall

我在index.html中引用了npm-installed模塊，其中。該應用程序不打開，我有2個控制檯錯誤：未捕獲SyntaxError：意外的錯誤（，然後未捕獲的錯誤：[$注射器：modulerr] –

這不是火箭科學，但對於可能在這裏降落newbees可能有用：
- 安裝角的js包管理器（NPM一樣節點JS）;從控制檯做，在項目的根文件夾：
NPM安裝-g涼亭
涼亭的init（這將創建配置文件bower.json）
- 從控制檯安裝角度的UI自舉：
亭子安裝角引導--save
（這將創建bower_components /角-UI-引導項目的根文件夾條目）
- 在app_client/main.js的angular.module陣列中添加 'ui.bootstrap'
- 在app_client/index.html中插入所有其他角度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

來源

2016-12-18 16:58:43

回答

相關問題