0

나는 이미 이것에 관한 모든 게시물을 읽었지만 유감스럽게도 그 중 누구도 도움이되지 않았습니다. jsfiddle 및 plunker 링크는 더 이상 작동하지 않는 것처럼 보입니다.Popover 콘텐츠가 angularjs ng-click에서 작동하지 않습니다.

내가하려는 것은 부트 스트랩 팝 오버에 단추를 넣어서 만든 지시문의 범위 안에있는 함수를 호출하는 것입니다. 문제는 범위가 바깥에있는 것처럼 보이기 때문에 jquery를 사용하여 내용을 잡아 내지 못한다는 것입니다. 또한 컴파일되지 않기 때문에 작동하지 않는 함수 안에 내용을 만들려고합니다.

jsfiddle에서 예제를 만들었지 만, angularjs가 올바른 지점에로드되지 않아서 작동하지 않습니다.

$("#pop-over-link").popover({ 
     'placement': 'top', 
     'trigger': 'click', 
     'html': true, 
     'container': 'body', 
     'content': function() { 
      return $("#pop-over-content").html(); 
     } 
}); 

이것은 팝 오버를 열고 내용을 잡고 보여주는 코드 조각입니다. 여기

jsfiddle : 여기 http://jsfiddle.net/75zLT/2/

그리고 내 보관함에 작업 예입니다 https://dl.dropboxusercontent.com/u/19470623/hatethis/test.html

답변

5

이 당신이 당신의 바이올린에 ngRoute 포함되지 않은 문제와 내용이 반환 컴파일 당신의 필요가 있었다 popover.

'content': function() { 
    return $compile($("#pop-over-content").html())(scope); 
} 

또한 제한 시간이 필요하지 않습니다.

예 : Plunker

+0

감사합니다. 이것은 컴파일 함수를 올바르게 사용하는 방법을 알아내는 데 도움이되었으며, 1.9.1의 jQuery.html()에서 문제가 발생했기 때문에 어떤 최신 버전으로 바꿨습니다. P 그러나 ngRoute 필요하지 않았습니다. 문제는 실제로 재 컴파일해야한다는 것이 었습니다. – giulio

+0

나는이 정보를 며칠간, 그리고 마침내 여기에서 찾고있었습니다. 엄청 고마워!!! –