ember.js + bootstrap popover - 在弹出窗口内容中获取控制器变量

Question

如何将控制器中定义的变量传递给相应模板中定义的弹出窗口？ 所以，我在我的项目中定义了一个非常标准的bootstrap popover，如下所示：

li标签触发了popover

<li data-container="body" data-toggle="popover" data-placement="left" data-popover-content="#earnings">
  <div><img {{bind-attr src="this.photo"}}></div>
</li>

#earnings div for data-popover-content

<div id="earnings" class="hidden">
   {{#each controller_variable}}
     //code
   {{else}}
     //code
   {{/each}}
</div>

controller_variable

controller_variable: function(){
  var information; //pseudo-code
  return information;
}.property()

javascript来处理popover

<script type="text/javascript">
  $(function(){
    $("[data-toggle=popover]").popover({
      html : true,
      content: function() {
        var content = $(this).attr("data-popover-content");
        return $(content).html();
      }
    });
  });
</script>

controller_variable包含数组中的5个对象，但显示{{else}}块意味着controller_variable中没有任何内容。

我觉得它与popover内容被隐藏的事实有关，但是我是否有一种标准的方式来做我想做的事情？如果有些事情不清楚，请告诉我。