angularjs – 如何将数据传递给angular-strap popover

前端之家收集整理的这篇文章主要介绍了angularjs – 如何将数据传递给angular-strap popover前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在悬停在fullcalendar项目上时试图显示角带弹出.

我正在使用eventMouSEOver / eventMouSEOut回调来显示/隐藏弹出窗口:

$scope.calendarConfig = {
  defaultView: 'basicWeek',eventMouSEOver: function(event,jsEvent,view) {
    element = $(jsEvent.target).closest('.fc-event');
    popover = $popover(element,{placement: 'bottom',contentTemplate: 'calendar-item-popover.html'});
    popover.$promise.then(popover.show);
  },eventMouSEOut: function() {
    popover.hide();
    popover = null;
  }
};

然后我有一个弹出框体模板:

<script type="text/ng-template" id="calendar-item-popover.html">
  <p>Event</p>
  <p>event: {{event | json}}</p>
</script>

我的问题是如何将’事件’传递给popover范围?

这是羽毛球:http://plnkr.co/9c6BDWsYuuWAfI4HnJAH

我有一个有效的解决方案;可以使用popover访问popover的范围.$scope:
popover.$scope.event = event

工作人员:

http://plnkr.co/W8n6LxsLCyZFO6ufPHvW

不确定这是否是最佳解决方案,所以我会等待一段时间来获得反馈.

猜你在找的Angularjs相关文章