如何在弹出窗口中使用AngualarJs ng-grid或ui-calendar

Question

实际上我想创建一个类似谷歌日历的日历，在其中用户可以创建事件。这样当用户单击单元格时，我想要弹出窗口。请对此给我任何建议。我还混淆了ng-grid和ui-calendar，这是绘制日历、绑定点击事件等的最佳选择。

提前谢谢。

Answer 1

没有理由担心ng-grid，你可以用它来构建一个日历，但是ui-coding的存在使得这只是一个很好的编码/css练习。

Angular UI Calendar (https://github.com/angular-ui/ui-calendar)是jQuery全日历插件(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">