각도에서 모달을 여는 동안 오류가 발생했습니다.

디팍

http://angular-ui.github.io/bootstrap에 제공된 모달 예제를 시도하고 있습니다. 작업 버튼을 클릭하면 일부 창이 튀어 나온 것처럼 화면이 흐려 지지만 거기에 아무것도 표시되지 않고 모달을 열 때 콘솔에 이렇게 말합니다.

리소스로드 실패 : 서버가 상태 404 (찾을 수 없음)로 응답했습니다. --- Cannot GET /function%20(a,b)%7Breturn%20b.templateUrl%7C%7C%22template/modal/window.html%22 % 7D Uncaught TypeError : undefined는 함수가 아닙니다 --- angular.min.js

내 컨트롤러

'use strict'
var LoginCtrl = ['$scope', '$modal', '$log', function($scope, $modal, $log) {
  $scope.items = ['item1', 'item2', 'item3'];
  $scope.open = function (size) {

    var modalInstance = $modal.open({
      templateUrl: 'myModalContent.html',
      controller: 'ModalInstanceCtrl',
      size: size,
      resolve: {
        items: function () {
          return $scope.items;
        }
      }
    });

    modalInstance.result.then(function (selectedItem) {
      $scope.selected = selectedItem;
    }, function () {
      $log.info('Modal dismissed at: ' + new Date());
    });
  };
}];

var ModalInstanceCtrl = ['$scope', '$modalInstance', 'items', function($scope, $modalInstance, items){
    $scope.items = items;
    $scope.selected = {
      item: $scope.items[0]
    };

    $scope.ok = function () {
      $modalInstance.close($scope.selected.item);
    };

    $scope.cancel = function () {
      $modalInstance.dismiss('cancel');
    };
}];

내 템플릿

<div>
        <script type="text/ng-template" id="myModalContent.html">
            <div>
                <h3 class="modal-title">I m a modal</h3>
            </div>
            <div>
                <ul>
                    <li ng-repeat="item in items">
                        <a ng-click="selected.item = item">{{ item }}</a>
                    </li>
                </ul>
                Selected: <b>{{ selected.item }}</b>
            </div>
            <div>
                <button ng-click="ok()">OK</button>
                <button ng-click="cancel()">Cancel</button>
            </div>
        </script>

        <button ng-click="open()">Open me!</button>
        <button ng-click="open('lg')">Large modal</button>
        <button ng-click="open('sm')">Small modal</button>
        <div ng-show="selected">Selection from a modal: {{ selected }}</div>
    </div>

이 이상한 오류가 표시되는 이유입니다. 버전 0.11.2의 ui-bootstrap-tpls.min.js와 버전 1.3.1의 angular.min.js를로드하고 있습니다. 나는 여기 에서 같은 종류의 문제 를 언급했으며 그중 하나가 말한 것처럼 업데이트 된 버전도 있습니다. 어떤 제안이라도 큰 도움이 될 것입니다.

토머

좋아, 이것은 일부 로딩 순서 / 다른 버전 또는 종속성 혼합-문제처럼 보입니다.
그러나 밝혀진대로이 버전의 부트 스트랩에서는 잘 작동하지 않는 앵귤러 버전 (1.1.3)입니다.
그래서 일단, 여기에 각 1.2.25와 코드의 작업 버전 (주요 부분)입니다.
또한 angular의 index.html, 버전 1.1.3 (현재 표시되어 있음)에도 포함되었습니다. 두 버전을 교체하면 오류가 재현됩니다.

<!-- <script src="https://code.angularjs.org/1.1.3/angular.min.js"></script> -->

특정 오류에 관계없이 angular를 버전 1.3 (또는 IE8 지원이 필수 인 경우 1.2.25)으로 업그레이드하는 것이 좋습니다. 훨씬 빠르며 훨씬 더 멋진 기능을 포함하며 많은 EMCA5 및 HTML5 / CSS3 기능을 활용합니다.
업그레이드 할 수 없습니까? 지금은 디버깅 시간입니다. 무엇이 잘못되었는지 알 수 없습니다. "그냥"이유를 찾아야합니다.
행운을 빕니다!

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

각도에서 모달을 여는 동안 오류가 발생했습니다.

분류에서Dev

각도 js에서 텍스트 상자 값을 가져 오는 동안 오류가 발생했습니다.

분류에서Dev

VBA에서 모양을 만드는 동안 오류가 발생했습니다.

분류에서Dev

생성자에 전달하는 동안 오류가 발생했습니다.

분류에서Dev

문서에`PdfPTable`을 추가하는 동안 오류가 발생했습니다.

분류에서Dev

Java에서 Apache HttpClient를 사용하여 GET을 시도하는 동안 오류가 발생했습니다.

분류에서Dev

Spectacle을 여는 동안 오류가 발생했습니다.

분류에서Dev

HttpClient에서 "요청을 보내는 동안 오류가 발생했습니다."

분류에서Dev

코드에서 XML 값을 읽는 동안 오류가 발생했습니다.

분류에서Dev

R에서 csv 파일을 읽는 동안 오류가 발생했습니다.

분류에서Dev

jstl에서 맵을 반복하는 동안 오류가 발생했습니다.

분류에서Dev

R에서 if 문을 실행하는 동안 오류가 발생했습니다.

분류에서Dev

C #에서 파일을 만드는 동안 오류가 발생했습니다.

분류에서Dev

쿠키에서 값을 읽는 동안 오류가 발생했습니다.

분류에서Dev

UIImage에서 cv :: Mat을 만드는 동안 오류가 발생했습니다.

분류에서Dev

Python에서 json을로드하는 동안 오류가 발생했습니다.

분류에서Dev

다른 디렉토리에서 모듈을 가져 오는 동안 Python 오류가 발생했습니다.

분류에서Dev

선택한 cakephp에서 여러 값을 가져 오는 동안 오류가 발생했습니다.

분류에서Dev

Helm을 사용하여 데비안에서 kubernetes를 설정하는 동안 오류가 발생했습니다.

분류에서Dev

Fluxpoint API에 요청을 보내는 동안 오류가 발생했습니다.

분류에서Dev

.dll을 COM에 등록하는 동안 오류가 발생했습니다.

분류에서Dev

Apache에 Flask 앱을 배포하는 동안 오류가 발생했습니다.

분류에서Dev

Ruby에 Rack gem을 설치하는 동안 오류가 발생했습니다.

분류에서Dev

Symfony에서 Doctrine을 사용하여 엔티티를 생성하는 동안 오류가 발생했습니다.

분류에서Dev

Spring Framework에서 생성자 주입을 시도하는 동안 오류가 발생했습니다.

분류에서Dev

Python에서 Facebook 모듈을 가져 오는 동안 오류가 발생했습니다.

분류에서Dev

Python3에서 모듈을 가져 오는 동안 오류가 발생했습니다.

분류에서Dev

js 코드의 다른 탭에서 URL을 여는 동안 오류가 발생했습니다.

분류에서Dev

ember.js에서 모델 자체 참조를 시도하는 동안 오류가 발생했습니다.

Related 관련 기사

  1. 1

    각도에서 모달을 여는 동안 오류가 발생했습니다.

  2. 2

    각도 js에서 텍스트 상자 값을 가져 오는 동안 오류가 발생했습니다.

  3. 3

    VBA에서 모양을 만드는 동안 오류가 발생했습니다.

  4. 4

    생성자에 전달하는 동안 오류가 발생했습니다.

  5. 5

    문서에`PdfPTable`을 추가하는 동안 오류가 발생했습니다.

  6. 6

    Java에서 Apache HttpClient를 사용하여 GET을 시도하는 동안 오류가 발생했습니다.

  7. 7

    Spectacle을 여는 동안 오류가 발생했습니다.

  8. 8

    HttpClient에서 "요청을 보내는 동안 오류가 발생했습니다."

  9. 9

    코드에서 XML 값을 읽는 동안 오류가 발생했습니다.

  10. 10

    R에서 csv 파일을 읽는 동안 오류가 발생했습니다.

  11. 11

    jstl에서 맵을 반복하는 동안 오류가 발생했습니다.

  12. 12

    R에서 if 문을 실행하는 동안 오류가 발생했습니다.

  13. 13

    C #에서 파일을 만드는 동안 오류가 발생했습니다.

  14. 14

    쿠키에서 값을 읽는 동안 오류가 발생했습니다.

  15. 15

    UIImage에서 cv :: Mat을 만드는 동안 오류가 발생했습니다.

  16. 16

    Python에서 json을로드하는 동안 오류가 발생했습니다.

  17. 17

    다른 디렉토리에서 모듈을 가져 오는 동안 Python 오류가 발생했습니다.

  18. 18

    선택한 cakephp에서 여러 값을 가져 오는 동안 오류가 발생했습니다.

  19. 19

    Helm을 사용하여 데비안에서 kubernetes를 설정하는 동안 오류가 발생했습니다.

  20. 20

    Fluxpoint API에 요청을 보내는 동안 오류가 발생했습니다.

  21. 21

    .dll을 COM에 등록하는 동안 오류가 발생했습니다.

  22. 22

    Apache에 Flask 앱을 배포하는 동안 오류가 발생했습니다.

  23. 23

    Ruby에 Rack gem을 설치하는 동안 오류가 발생했습니다.

  24. 24

    Symfony에서 Doctrine을 사용하여 엔티티를 생성하는 동안 오류가 발생했습니다.

  25. 25

    Spring Framework에서 생성자 주입을 시도하는 동안 오류가 발생했습니다.

  26. 26

    Python에서 Facebook 모듈을 가져 오는 동안 오류가 발생했습니다.

  27. 27

    Python3에서 모듈을 가져 오는 동안 오류가 발생했습니다.

  28. 28

    js 코드의 다른 탭에서 URL을 여는 동안 오류가 발생했습니다.

  29. 29

    ember.js에서 모델 자체 참조를 시도하는 동안 오류가 발생했습니다.

뜨겁다태그

보관