javascript - Ember.js と Twitter Bootstrap ポップオーバー

Question

ember.js を使用してポップオーバーを展開しようとしていますが、その方法がわかりません。

ポップオーバーのコンテンツは、それと対話するために ember の要素である必要があります。

https://github.com/jzajpt/ember-bootstrapを見てきましたが、ポップオーバー要素は含まれていません。

何か案は？ありがとう！

Answer 1

マウスがコントロールを離れると、ポップオーバーが消えるため、何をしようとしてもうまくいかないと思います。

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"]')
            });     
        });
    }
});

Answer 2

ビューの didInsertElement メソッドで、次のようなことができます

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