javascript - 使用 angular.element 通过 ng-click 添加元素

Question

我正在尝试将几个自定义按钮添加到 fullcalendar ( http://arshaw.com/fullcalendar/docs/) 标题的右侧部分。

我正在使用 angular.element 添加这样的按钮:

   var calendarHeaderRight = angular.element(".fc-header-right");
   if (calendarHeaderRight)
       calendarHeaderRight.html('<div><a href="#" ng-click="toggleCalendarList()" class="btn btn-sm btn-info">Calendar</a><a href="#" ng-click="toggleCalendarList()" class="btn btn-sm btn-success">List </a></div>');

按钮会附加到日历并显示出来。问题是当我点击按钮时没有任何反应。

那么问题来了，如何添加可以点击的元素？

谢谢

托马斯

Answer 1

var element = $compile(angular.element('<div><a href="#" ng-click="toggleCalendarList()" class="btn btn-sm btn-info">Calendar</a><a href="#" ng-click="toggleCalendarList()" class="btn btn-sm btn-success">List </a></div>'))(scope);

然后您可以将此元素包装在您的 div 中。 Here is angular document关于编译。

: ) 尽情享受吧。