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

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)