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

发布时间：2020-12-18 00:24:04 所属栏目：安全来源：网络整理

导读：我正在尝试将 Bootstrap Popover与EmberJS一起使用,以便popover的内容将是一个ember / handlebars模板(带绑定等).如何才能做到这一点？ (Ember 1.0.0-rc2) 解决方法这是一个ember bootstrap popover的工作示例(见 http://jsfiddle.net/72fSd/)： App.Popove

我正在尝试将 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工作.当然,您需要在初始化视图之前加载模板.

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!