twitter-bootstrap – 使用ember.js模板的Bootstrap Popovers

我正在尝试将 Bootstrap Popover与EmberJS一起使用,以便popover的内容将是一个ember / handlebars模板(带绑定等).如何才能做到这一点？ (Ember 1.0.0-rc2)

解决方法

这是一个ember bootstrap popover的工作示例(见 http://jsfiddle.net/72fSd/)：

App.Popover = Ember.View.extend({
        parentSelector: '',contentSelector: '',didInsertElement: function () {
            var self = this;
            $(self.parentSelector).popover({
                html: true,content: function() {
                    var $content = $(self.contentSelector);
                    return $content.html();
                }
            });
        }

实例化视图：

{{view App.Popover templateName="my-popover-content" parentSelector=".popoverButton" contentSelector="#popovercontent"}}

这里,parentSelector可能例如选择一个按钮.确保在my-popover-content模板中有一个id为#popovercontent的div容器,以便contentSelector工作.当然,您需要在初始化视图之前加载模板.

双向绑定应该适用于该解决方案.