angular-ui-bootstrapangular-ui-bootstrap 시작하기


비고

이 섹션에서는 앵귤러 - 부트 스트랩이 무엇인지, 왜 개발자가 그것을 사용하고 싶어하는지에 대한 개요를 제공합니다.

또한 앵글 - 부트 스트랩 (angle-ui-bootstrap) 내의 큰 주제를 언급하고 관련 주제에 링크해야합니다. angular-ui-bootstrap에 대한 문서는 새롭기 때문에 이러한 관련 주제의 초기 버전을 만들어야 할 수도 있습니다.

설치 또는 설정

앵귤러 - 부트 스트랩의 공식 사이트는 여기에 있습니다 .

아래의 지침을 순서대로 따르십시오. 이 링크 에는 다운로드 할 파일 목록이 있습니다.

이 순서대로 모든 참조를 포함하십시오.

  1. angular.js
  2. angular-animate.js
  3. ui-bootstrap-tpls-2.2.0.js (UI 부트 스트랩 참조)
  4. angular-sanitize.js

노트 :

  • 위의 모든 스크립트가 위에 표시된 순서대로 참조되고 수행되는 것이 중요합니다.

다음은 이러한 파일을 참조 할 수있는 몇 가지 CDN 링크입니다

//ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.js
//ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular-animate.js
//ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular-sanitize.js
//angular-ui.github.io/bootstrap/ui-bootstrap-tpls-2.2.0.js
 

ui-bootstrap에 대한 의존성을 다음과 같이 모듈에 주입하십시오.

angular.module('myApp', ['ui.bootstrap']);
 

모듈이 앵귤러 - 부트 스트랩으로 작동하도록 설정되었습니다.

일반적인 오류 :

  1. [$ injector : 모듈러]

    해결책:

  • 스크립트 파일이 포함되어 있는지 확인하십시오.
  • CDN 참조의 경우 http 또는 https를 사용하여 해당 스크립트를 포함하는 링크 앞에 // 를 포함해야합니다.
  1. 구성 요소가 표시되지 않거나 예상대로 작동하지 않습니다.

    해결책:

  • 컨트롤러에서 해당 지시문에 대한 필수 설정을 사용할 수 있는지 확인하십시오.