我正在尝试将
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工作.当然,您需要在初始化视图之前加载模板.
双向绑定应该适用于该解决方案.