Question

我正在使用Angular-UI Calendar（Arshaw的fullcalendar的角度版本），而在EventRender上我想在事件元素中添加一个Angular-UI-bootstrap popover。

我尝试了这些（使用coffeescript）：

    eventRender: (event, element) ->
        element.find(".fc-event-inner").wrap("<div popover='I appeared on mouse enter!' popover-title='The title.' popover-trigger='mouseenter'></div>")

和

    eventRender: (event, element) ->
        element.find(".fc-event-inner").wrap($compile("<div popover='I appeared on mouse enter!' popover-title='The title.' popover-trigger='mouseenter'></div>")($scope))
        $scope.$apply()

但这些似乎都没有做任何事情。我猜第一个问题至少是在角度已经完成它的魔法之后渲染事件。但第二个也没有帮助。使用一些静态元素，popover正常工作。

Answer 1

搞定了工作：）

eventRender: (event, element) ->
    element.attr('popover', "Finally it's working")
    element.attr('popover-title', 'Hello world')
    element.attr('popover-trigger', 'mouseenter')
    $compile(element)($scope)

如何将角度指令添加到完整的日历事件

1 个答案: