부트 스트랩 모달 및 AngularJS

vlio20

내 응용 프로그램에서 AngularStrap사용하고 있습니다. 나는 부트 스트랩 모달 기능 을 구현하기 위해 묶여 있습니다. 문제는 내 template모달 을 표시 할 수 없다는 것 입니다. 다음은 plunker에 대한 링크 입니다. 내 템플릿의 ID는 test이며 문서에 설명 된 것처럼에서 참조하고 template='#test'있지만 오류가 발생 Uncaught TypeError: Cannot set property 'display' of undefined합니다..

딘 워드

문서는 다음에 대해 다음과 같이 설명합니다 template.

제공되는 경우 기본 템플릿을 재정의하며 원격 URL 또는 캐시 된 템플릿 ID 일 수 있습니다.

Angular에서 템플릿은 원격 소스에서로드하거나 스크립트 태그에서 직접 정의 할 수 있습니다. 모든 템플릿은의 인스턴스를 통해로드됩니다 $templateCache. 따라서 모달 쇼를 만들려면 모달 정의를 다음과 같이 변경해야합니다.

<script type="text/ng-template" id="test">
    <div class="modal" tabindex="-1" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header" ng-show="title">
                    <button type="button" class="close" ng-click="$hide()">&times;</button>
                    <h4 class="modal-title" ng-bind="title"></h4>
                </div>
                <div class="modal-body" ng-bind="content"></div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" ng-click="$hide()">Close</button>
                </div>
            </div>
        </div>
    </div>
</script>

시연을 위해 플 런커업데이트 했습니다 .

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

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

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

각도 및 부트 스트랩 모달

분류에서Dev

부트 스트랩 및 angularJs를 사용하여 다른 모달에서 모달 열기

분류에서Dev

부트 스트랩 모달 및 인라인 스크립트

분류에서Dev

부트 스트랩 모달 내부에 Div 추가 및 제거

분류에서Dev

PHP echo 및 JQuery .load 내부의 부트 스트랩 모달

분류에서Dev

부트 스트랩 모달 및 외부 URL 사용

분류에서Dev

AngularJS : 콘텐츠로드 후 부트 스트랩 모달 수정

분류에서Dev

angularjs에서 부트 스트랩 모달 창을 닫는 방법

분류에서Dev

Google reCAPTCHA + AngularJS + Twitter 부트 스트랩-모달

분류에서Dev

부트 스트랩 모달

분류에서Dev

각도 js 및 부트 스트랩 모달 선택 상자

분류에서Dev

부트 스트랩 모달 및 Backbone.js

분류에서Dev

부트 스트랩 모달 로그인 및 가입 문제 :

분류에서Dev

부트 스트랩 모달 및 AJAX가있는 Intro.js

분류에서Dev

Angularjs-모달 부트 스트랩 창에서 범위를 전달하려면

분류에서Dev

모달 제목 및 텍스트가 표시되지 않음 (부트 스트랩)

분류에서Dev

부트 스트랩 팝 오버 및 모달 (마우스 오버 및 클릭)

분류에서Dev

Module.Controller () 구문을 사용하는 AngularJS UI 부트 스트랩 0.6.0 모달

분류에서Dev

AngularJS를 사용하여 Twitter 부트 스트랩 (3.x) 모달 전환

분류에서Dev

UI 부트 스트랩 모달이 닫히지 않습니다. AngularJS

분류에서Dev

부트 스트랩 모달 전달 ID

분류에서Dev

ng-repeat 및 id를 사용하여 달력을 여는 AngularJs UI 부트 스트랩

분류에서Dev

jQuery로드 및 반환 값이있는 부트 스트랩 3.3 모달

분류에서Dev

부트 스트랩 데이터 저장-모달, 배지 및 경고

분류에서Dev

IE 및 Mozilla에서 작동하지 않는 부트 스트랩 모달 팝업

분류에서Dev

Spring MVC 및 jQuery DataTable을 사용한 부트 스트랩 모달 팝업

분류에서Dev

AngularJS 및 부트 스트랩-메뉴 교체

분류에서Dev

부트 스트랩 AngularJS

분류에서Dev

부트 스트랩 3 모달 변경

Related 관련 기사

  1. 1

    각도 및 부트 스트랩 모달

  2. 2

    부트 스트랩 및 angularJs를 사용하여 다른 모달에서 모달 열기

  3. 3

    부트 스트랩 모달 및 인라인 스크립트

  4. 4

    부트 스트랩 모달 내부에 Div 추가 및 제거

  5. 5

    PHP echo 및 JQuery .load 내부의 부트 스트랩 모달

  6. 6

    부트 스트랩 모달 및 외부 URL 사용

  7. 7

    AngularJS : 콘텐츠로드 후 부트 스트랩 모달 수정

  8. 8

    angularjs에서 부트 스트랩 모달 창을 닫는 방법

  9. 9

    Google reCAPTCHA + AngularJS + Twitter 부트 스트랩-모달

  10. 10

    부트 스트랩 모달

  11. 11

    각도 js 및 부트 스트랩 모달 선택 상자

  12. 12

    부트 스트랩 모달 및 Backbone.js

  13. 13

    부트 스트랩 모달 로그인 및 가입 문제 :

  14. 14

    부트 스트랩 모달 및 AJAX가있는 Intro.js

  15. 15

    Angularjs-모달 부트 스트랩 창에서 범위를 전달하려면

  16. 16

    모달 제목 및 텍스트가 표시되지 않음 (부트 스트랩)

  17. 17

    부트 스트랩 팝 오버 및 모달 (마우스 오버 및 클릭)

  18. 18

    Module.Controller () 구문을 사용하는 AngularJS UI 부트 스트랩 0.6.0 모달

  19. 19

    AngularJS를 사용하여 Twitter 부트 스트랩 (3.x) 모달 전환

  20. 20

    UI 부트 스트랩 모달이 닫히지 않습니다. AngularJS

  21. 21

    부트 스트랩 모달 전달 ID

  22. 22

    ng-repeat 및 id를 사용하여 달력을 여는 AngularJs UI 부트 스트랩

  23. 23

    jQuery로드 및 반환 값이있는 부트 스트랩 3.3 모달

  24. 24

    부트 스트랩 데이터 저장-모달, 배지 및 경고

  25. 25

    IE 및 Mozilla에서 작동하지 않는 부트 스트랩 모달 팝업

  26. 26

    Spring MVC 및 jQuery DataTable을 사용한 부트 스트랩 모달 팝업

  27. 27

    AngularJS 및 부트 스트랩-메뉴 교체

  28. 28

    부트 스트랩 AngularJS

  29. 29

    부트 스트랩 3 모달 변경

뜨겁다태그

보관