각도 달력 지시문이 jquery 탭에 표시되지 않음

Question

각도 달력 지시문에 대한 또 다른 질문. 한 페이지에 여러 개의 캘린더를 표시하고 jquery tabs 위젯을 사용해야합니다. 그러나 하나의 달력 만 제대로 렌더링됩니다. 일반 jquery fullCalendar에서는 'render'메서드를 사용하여 탭을 선택할 때 달력이 표시되도록합니다. 그러나 이것은 angular-ui calendar 지시문을 사용하는 것으로 보이지 않습니다.

내 뜻을 나타내는 플 런커입니다. $(). tabs()를 삭제하면 3 개의 각도 달력이 잘 표시됩니다. 탭에서 그들을 감싸하지, 그것은 더 이상 작동하지 : 왜에

http://plnkr.co/edit/HEEX4iqb8kFAsjwdGmkM

모든 아이디어를 작동하는 방법과 그것을 해결하는 방법 아닌가요?

감사합니다.

추신. Google 그룹스에서이 질문을 교차 게시합니다. 감사.

Answer 1

fullCalendar 설명서에도 불구하고 "show"는 fullcalendar ('렌더링')을 실행하는 장소가 아닙니다. Angular와 함께 작업 할 때가 아니라면 꼭 말해야합니다. 그게 정상적인 jQuery 사용법에 맞는지 나는 모른다. 대신 "활성화"이벤트를 사용

$("#tabs").tabs({ 
    activate: function(){ 
    ("#calendar").fullCalendar('render'); 
    } 
}); 

http://plnkr.co/edit/HEEX4iqb8kFAsjwdGmkM

Answer 2

사용 시간 제한을 렌더링하는 동안. .

<tab heading="{{tabs[0].title}}" active="tabs[0].active" select="renderCalendar()" disabled="tabs[0].disabled"> 


    $scope.renderCalendar = function() { 
       $timeout(function(){ 
        $('.calendar').fullCalendar('render'); 
       }, 0); 
     };