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

Question

我正在使用 Angular-UI 日历（Arshaw 完整日历的 Angular 版本），我想在 EventRender 上向事件元素添加 Angular-UI-bootstrap 弹出框。

我已经尝试过这些（使用咖啡脚本）：

    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()

但他们似乎都没有做任何事情。我想第一个问题至少是在 angular 已经完成它的魔力之后呈现事件。但第二个也没有帮助。使用一些静态元素，弹出框可以正常工作。

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)