mapquest 라이브러리를 통해 각도 지시문을 주입합니다. 지시문을 찾을 수 없습니다.

Question

지시문이 있습니다, <flightpoint></flightpoint>.

이 지시문을 Mapquest's map에 map.addShape()을 통해 추가해야합니다.

그러나 각은지도의 새 지침을 인식하지 않으므로 처리하지 않습니다 (해당 빈 html).은 [개체 개체]가 표시됩니다에 :

MQA.withModule('htmlpoi', function() { 
    var poi=new MQA.HtmlPoi({lat:39.743943, lng:-105.020089}); 
    poi.setHtml("<flightpoint></flightpoint>", -6, -20, 'mqa_nostyle_htmlpoi'); 
    var x = routeMap.addShape(poi); 
}); 

---

내가 시도한 몇 가지 .....

1 $

MQA.withModule('htmlpoi', function() { 
    var poi=new MQA.HtmlPoi({lat:39.743943, lng:-105.020089}); 
    poi.setHtml($compile("<flightpoint></flightpoint>")($scope), -6, -20, 'mqa_nostyle_htmlpoi'); 
    var x = routeMap.addShape(poi); 
    $scope.$apply(); 
}); 

이 결과를 컴파일 내 지시문 대신에지도.

2 angular.bootstrap()

MQA.withModule('htmlpoi', function() { 
    var poi=new MQA.HtmlPoi({lat:39.743943, lng:-105.020089}); 
    poi.setHtml("<flightpoint></flightpoint>", -6, -20, 'mqa_nostyle_htmlpoi'); 
    var x = routeMap.addShape(poi); 
    angular.bootstrap(document, ['app']); 
}); 

결과 : "오류 : 응용 프로그램이 이미이 요소 '문서'로 부트 스트랩"나는 후 컴파일 할 수 있었다 경우

의 추가되었습니다.

Answer 1

이것은 다소 엉성한 일이지만 나를 위해 일합니다.

더미 태그를 추가하고 컴파일 된 각을 삽입 할 수 있습니다.

MQA.withModule('htmlpoi', function() { 
    var poi=new MQA.HtmlPoi({lat:39.743943, lng:-105.020089}); 
    poi.setHtml("<span id=\"insertDirectiveHere\"></span>", -6, -20, 'mqa_nostyle_htmlpoi'); 
    routeMap.addShape(poi); 

    // now that you've added the span we can insert compiled angular on that tag 
    var domElem = document.getElementById('insertDirectiveHere'); 
    domElem.innerHTML = "<flightpoint></flightpoint>"; 
    $compile(domElem)($scope); 
});