angularjs - AngularJs ng-grid または ui-calendar を popover で使用する方法

Question

実際には、ユーザーがイベントを作成できる Google カレンダーのようなカレンダーを作成したいと考えています。ユーザーがセルをクリックしたときにポップオーバーが必要になるようにします。これについて何か提案をください。また、ng-grid と ui-calendar を混同しました。これは、カレンダーの描画、クリック イベントのバインドなどに最適なオプションです。

前もって感謝します。

Answer 1

ng-grid について心配する必要はありません。それからカレンダーを作成することはできますが、ui-calendar の存在により、コーディング/css の練習に適しています。

Angular UI Calendar ( https://github.com/angular-ui/ui-calendar ) は、jQuery fullcalendar プラグイン ( http://arshaw.com/fullcalendar/docs/ ) のラッパーです。後者のドキュメントを使用して、ディレクティブを介してオプションを渡すことができます。

上記の GitHub ページの例:

myAppModule.controller('MyController', function($scope) {
    /* config object */
    $scope.calendarConfig = {
        height: 450,
        editiable: true,
        dayClick: function(){
            scope.$apply($scope.alertEventOnClick);
        }
    };
});

<div ui-calendar="calendarOptions" ng-model="eventSources">