angularjs - 如何将 AngularJs ng-grid 或 ui-calendar 与 popover 一起使用

Question

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

提前致谢。

Answer 1

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

Angular UI 日历 ( 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">