2016-12-17 3 views
1

У меня есть проект MEAN, используя AngularJS v1.4.3. Мне нужно вставить раскрывающийся список в меню навигации, поэтому я попытался выполнить инструкции по установке, включению и использованию углового-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» без цели, но, как я учение Угловое я воспринимаю это как есть). Это все, что я сделал, и когда я запускаю свое приложение, он даже не поднимает целевую страницу, поэтому мне что-то не хватает, конечно же, при установке модуля (нужно ли мне загружать какой-либо код в/public, do I должен включать некоторый «импорт» в код где-то ...). Опять же, я смущен инструкциями по угловому github, и я ценю вашу помощь. Благодаря

+0

Любые ошибки в консоли? – ndoes

+0

Возможно, вам не удалось импортировать угло-ui-bootstrap в ваш index.html, как этот shall

+0

Я ссылался на index.html npm-модуль с . Приложение не открывается, и у меня есть две ошибки в консоли: Uncaught SyntaxError: Неожиданная ошибка (, затем Ошибка Uncaught: [$ injector: modulerr] –

ответ

1

Это не ракетостроение, но, возможно, полезно для Newbees, которые могут приземлиться здесь:
- установить угловую Js менеджер пакетов (например, НПМ для узла JS); делать из консоли, в корневой папке проекта:
НОЙ установка -g Бауэра
Бауэр инициализации (это создаст конфигурационный файл bower.json)
- установить угловую-UI-самозагрузку из консоли:
становой установка угловая самозагрузку --save
(это создаст bower_components/угловой-UI-самозагрузка запись в корневой папке проекта)
- в app_client/main.js добавить 'ui.bootstrap' в массиве angular.module
- в app_client/index.html вставить, после всех других угловых файлов js lib:

<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