Angularjs 如何向完整日历事件添加角度指令
我正在使用Angular UI Calendar(Arshaw的fullcalendar的Angular版本),在EventRender上,我想向event元素添加一个Angular UI引导弹出窗口 我尝试过这些(使用coffeescript):Angularjs 如何向完整日历事件添加角度指令,angularjs,fullcalendar,angular-ui,angular-ui-bootstrap,Angularjs,Fullcalendar,Angular Ui,Angular Ui Bootstrap,我正在使用Angular UI Calendar(Arshaw的fullcalendar的Angular版本),在EventRender上,我想向event元素添加一个Angular UI引导弹出窗口 我尝试过这些(使用coffeescript): eventRender:(事件,元素)-> 元素。查找(“.fc事件内部”).wrap(“”) 及 eventRender:(事件,元素)-> 元素.find(“.fc事件内部”).wrap($compile(“”($scope)) $scope.
eventRender:(事件,元素)->
元素。查找(“.fc事件内部”).wrap(“”)
及
eventRender:(事件,元素)->
元素.find(“.fc事件内部”).wrap($compile(“”($scope))
$scope.$apply()
但这两个似乎都没有起到任何作用。我想第一个的问题至少是,事件是在angular完成它的魔力之后渲染的。但是第二个也没用。通过一些静态元素,popover可以正常工作。让它正常工作:)
哦,你需要再编译一次。很不错的。谢谢在bootstrap v2.3.1中,您只需将
'popover'
更改为'uib-popover'
angular 8有什么想法吗P
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()
eventRender: (event, element) ->
element.attr('popover', "Finally it's working")
element.attr('popover-title', 'Hello world')
element.attr('popover-trigger', 'mouseenter')
$compile(element)($scope)