angular-ui 설치

Question

AngularJS v1.4.3을 사용하는 MEAN 프로젝트가 있습니다. 탐색 메뉴에 드롭 다운 항목을 삽입해야하므로 다음 지침에 따라 각도 ui/부트 스트랩을 설치하고 포함하고 사용하려고 시도했습니다.
-
npm을 설치하여 패키지 설치
- 모듈을 앱에 추가하십시오.
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> 

드롭 다운 섹션의 코드는 목표없이 "HREF"를 포함 https://angular-ui.github.io/bootstrap/ (에서 복사 조각이지만, -
은 드롭 다운의 메뉴 항목을 구현하기 위해 다음 코드를 사용하여 각도로 배우기 나는 그대로 사용). 그게 다예요. 내가 응용 프로그램을 실행할 때 랜딩 페이지를 불러 오지 않아서 모듈을 설치하는 과정에서 뭔가를 놓치고 있습니다. (공개 코드를 다운로드해야합니까? 코드에 어딘가에 "가져 오기"를 포함시켜야합니다 ...). 다시 말하지만, 저는 당신의 도움에 감사하는 각형 기둥에 관한 지시 사항과 혼동합니다. 감사

Answer 1

그것은하지 로켓 과학,하지만 여기에 착륙 할 수 newbees에 대한 가능성이 유용
- (노드 JS에 대한 NPM 등) 각 JS 패키지 관리자를 설치; 프로젝트의 루트 폴더에, 콘솔에서 수행
NPM은 -g 정자에게
이물 초기화 (이 설정 파일을 생성합니다 bower.json)
를 설치 - 콘솔에서 각-UI-부트 스트랩을 설치 :
정자 설치 각 부트 스트랩
--save (이 bower_components를 만듭니다/각도-UI-부트 스트랩 프로젝트의 루트 폴더에있는 항목)
- app_client 인은/main.js는 angular.module 배열의 'ui.bootstrap'를 추가
- 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