javascript - 将模型传递给 Bootstrap for Ember Popovers

Question

致所有使用 Bootstrap for Ember 的人组件，可以帮助找出一些东西。

如何在使用{{bs-bind-popover}时将模型传递给组件

<div {{bs-bind-popover templPop}}>Show popover</div>

在 Controller 中，我使用了示例中的代码:

templPop: Ember.Object.create({
  firstName: 'numbers',
  title: 'Popover with Template',
  template: 'numbers:<ul>' +
          '{{#each val in content.numbers}}' +
          '   <li>{{val}}</li>' + '{{/each}}' +
          '</ul>',
  content: {
    numbers: [1, 2, 3]
  }

})

将模型或其他参数传递给 bs-bind-popover 以便我可以在 templPop 内容和模板中使用它们的方法是什么？

类似于{{bs-bind-popover templPop 模型}}

Answer 1

您可以将 templPop 属性转换为计算属性:

 templPop:function(){

     return Ember.Object.create({

      firstName: 'numbers',
      title: 'Popover with Template',
      template: 'numbers:<ul>' +
              '{{#each item in content.model}}' +
              '   <li>{{model.property}}</li>' + '{{/each}}' +
              '</ul>',
      content: {
        model: this.get('model')
        }
     });
 }.property('model'),