Binding 灰烬视图内部引导弹出窗口

Binding 灰烬视图内部引导弹出窗口,binding,view,ember.js,popover,Binding,View,Ember.js,Popover,我一直在尝试获取一个余烬视图作为Boostrap popover的内容,在那里我可以保持绑定的更新 我能够做到这一点,你可以检查一个例子 不幸的是,这种解决方案会导致不规则的popover放置 有人可以检查我的代码,看看我做错了什么,或者有没有更简单的方法来实现这一点 $popover.popover({ html: true, placement:'bottom', content: function(){ if(_

我一直在尝试获取一个余烬视图作为Boostrap popover的内容,在那里我可以保持绑定的更新

我能够做到这一点,你可以检查一个例子

不幸的是,这种解决方案会导致不规则的popover放置

有人可以检查我的代码,看看我做错了什么,或者有没有更简单的方法来实现这一点

  $popover.popover({
        html: true,
        placement:'bottom',
        content: function(){

            if(_this.get('childView')) {
                _this.get('childView').remove(); 
            }

            var view = _this.container.lookup('view:popoverContent'),
                childView = _this.createChildView(view),
                popover = $popover.data('popover'),
                $tip = popover.tip(),
                $content = $tip.find('.popover-content');

            _this.set('childView', childView);
            childView.appendTo($content);

            var html = $content.html();

            return html;            
        }
    });

我猜你是什么意思

不幸的是,这种解决方案会导致不规则的popover放置

就是你希望你的府绸总是以相同的位置展示。如果我猜对了,我看到您提供的JSFIDLE中唯一缺少的是,从两个popover中,只有一个将它的
placement
属性设置为
bottom
,第二个使用默认值,即
right

因此,这里的解决方案可能是为您使用的所有popover始终定义相同的
placement
属性。如中所述,
位置
可以是以下值之一作为字符串:

top | bottom | left | right
我已经更新了JSFIDLE,使其始终显示在右侧,请看一看。对于任何自定义位置,您都应该深入到popover的负责css中,并覆盖您需要的内容


希望有帮助。

您是否只关心它在哪里显示popover?如果是这样的话,我会在同一个问题中添加一些cssRan。找到了这个,但并没有真正解决我的问题你找到解决办法了吗?谢谢你的回复@直觉像素。但不幸的是,我忘记了底部的位置,因为我已经试着这样做了。但是如果你注意到了,虽然位置是“正确的”,但它仍然在锚定标签下面显示了一点。