1

角度カレンダーディレクティブに関するさらに別の質問。1ページに複数のカレンダーを表示する必要があり、jqueryタブウィジェットを使用しています。ただし、正しくレンダリングされるのは1つのカレンダーだけです。通常のjqueryfullCalendarでは、「render」メソッドを使用して、タブが選択されたときにカレンダーが表示されるようにします。ただし、これはangular-uiカレンダーディレクティブでは機能していないようです。

これが私の言いたいことを示すプランカーです。$（）。tabs（）を削除すると、3つの角度カレンダーが正常に表示されます。それらをタブでラップすると、機能しなくなります。

http://plnkr.co/edit/HEEX4iqb8kFAsjwdGmkM

これが機能しない理由とそれを修正する方法についてのアイデアはありますか？

ありがとう！

PS。この質問をGoogleグループにクロスポストします。ありがとう。

4

2 に答える 2

1

fullCalendarのドキュメントにもかかわらず、「show」はfullcalendar（'render'）をトリガーする場所ではないようです。少なくともAngularを使用する場合はそうではありません。通常のjQueryの使用法でそれが正しいかどうかはわかりません。代わりに「Activate」イベントを使用してください。

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

http://plnkr.co/edit/HEEX4iqb8kFAsjwdGmkM

于 2013-02-16T01:23:15.597 に答える
0

レンダリング中にタイムアウトを使用します。

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


     $scope.renderCalendar = function() {
               $timeout(function(){
                    $('.calendar').fullCalendar('render');
                }, 0);
        };
于 2015-07-21T16:39:59.120 に答える