Ember view in Bootstrap Popover

Question

Я пытаюсь получить представление Ember View в виде содержимого Boostrap popover, где я могу сохранить обновление привязок.

Я был в состоянии добиться этого, вы можете проверить пример на этом jsFiddle.

К сожалению, это решение вызывает нерегулярное размещение насекомых.

Может кто-нибудь, пожалуйста, проверьте мой код и посмотрите, что я сделал не так, или если есть более простой способ достичь этого?

$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;    
     } 
    }); 

Answer 1

Я предполагаю, что вы имеете в виду с

К сожалению, это решение вызывает нерегулярное размещение поповер.

является то, что вы хотите, чтобы ваш popover показывался всегда с одинаковым местом размещения. Если я правильно догадался, единственное, чего я вижу в jsfiddle, который вы указали, - это то, что из двух попов только один установил его свойство placement на bottom, второй использует значение по умолчанию right.

Таким образом, решение здесь может заключаться в том, чтобы всегда определять одно и то же свойство placement для всех используемых вами popover. Как указано в docsplacement может быть один из этих значений как строка:

top | bottom | left | right 

Я обновил jsfiddle, чтобы показать вверх всегда справа, имеют вид here. Для любых пользовательских мест размещения вы должны вникать в ответственный css для popover и переопределить там то, что вам нужно.

Надеюсь, это поможет.