요소가 표시 될 때까지 지시문을 컴파일하는 AngularJS 지연

Question

나는 각도 배열을 사용하여 jVectorMap을 렌더링합니다.

페이지가 처음로드지도가 숨겨져 있지만 링크를 클릭 할 수있는 사용자 그것은 크롬과 IE에서 완벽하게 정상적으로 작동하고 fancyBox

의지도를 보여주고 있지만, 렌더링 할 때 파이어 폭스는 나를 으악 때 숨겨진 요소에 SVG는 (내가 NS_ERROR_FAILURE를 얻을)

그래서 question에 따라

, 내가있는 문제를 해결할 생각이 볼 때까지 컴파일/렌더링하지 내지도 지침을 얻으려고 (this question 참조) Firefox.

이 작업을 수행 할 수있는 방법이 있습니까, 아니면 잘못된 방식으로 진행할 예정입니까?

고맙습니다! ng-if를 사용

업데이트

는 작업을 수행하지만 jVectorMap에 사용자가지도에 지역과 마커를 선택할 수 있습니다. fancyBox가 닫힌 후에도 이러한 선택 항목이 지속되도록하고 싶습니다. ng-if은지도를 모두 삭제합니다.

지침 내가 HTML에 지시어를 사용하는 방법

angular.module('myApp') 
    .directive("selectionMap", electionMap); 

    function selectionMap(){ 
     return { 
      restrict: "E", 
      link : function(scope,element){ 
       jVectorMapOptions = { 
        // set jvm options (http://jvectormap.com/documentation/javascript-api/jvm-map/) 
        option : 'something', 
        option2: 'something else' 
        // and so on 
       }; 
      element.vectorMap(jVectorMapOptions); 

      } 
     } 
    } 

하십시오 fancybox-2 모달 내부

<div id="mapModal" ng-show="mapSelected"> 
    <selection-map id="myMap"></selection-map> 
</div> 

mapModal DIV 보여줍니다.

Answer 1

ng-show 대신 ng-if을 사용해보십시오. 이렇게하면 조건이 충족 될 때 페이지에 HTML 요소가 만들어지고 그렇지 않은 경우 HTML 요소가 제거됩니다.