angularjs - 如何将 Angular 指令添加到完整日历事件

Question

我正在使用 Angular-UI 日历(Arshaw 的全日历的 Angular 版本)，在 EventRender 上，我想向事件元素添加一个 Angular-UI-bootstrap 弹出窗口。

我试过这些(使用 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()

但这些似乎都没有做任何事情。我想至少第一个问题是事件是在 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)