Ember.js和Twitter Bootstrap Popover

Question

我試圖使用ember.js部署popover，但不知道如何去做。

彈出窗口的內容必須是與它進行交互的燼元素。

我一直在關注https://github.com/jzajpt/ember-bootstrap，但不包括popover元素。

任何想法？謝謝！

Answer 1

在視圖的didInsertElement方法，你可以做這樣的事情

didInsertElement: function() { 
    var self = this; 
    this.$().popover({ 
     title: self.get('tooltipTitle'), 
     content: self.get('tooltipContent') 
    });  
} 

Answer 2

我想，你嘗試做行不通的事情，因爲如果你的鼠標離開的控制，酥料餅將會消失！

App.Popover = Ember.View.extend({ 
    name: 'myPopover', 
    template: Ember.Handlebars.compile('<div class="popover" {{bindAttr name="name"}}><div class="arrow"></div><div class="popover-inner"><h3 class="popover-title">test</h3><div class="popover-content"><p></p></div></div></div>')   
}); 

App.TextField = Ember.TextField.extend({ 
    didInsertElement: function() { 
     this._super(); 
     var self = this;     
     Ember.run.schedule('actions', this, function() { 
      self.$().popover({ 
       title: 'title', 
       content: 'content', 
       template: $('div[name="myPopover"]') 
      });  
     }); 
    } 
});