将模型传递给Bootstrap用于Ember Popovers

时间:2014-06-17 20:25:27

标签: javascript twitter-bootstrap ember.js

任何使用Bootstrap for Ember组件的人都可以帮忙找出一些东西。

使用{{bs-bind-popover}}

时,如何将模型传递给组件
<div {{bs-bind-popover templPop}}>Show popover</div>

在控制器中我使用了示例中的代码:

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 model}}

之类的东西

1 个答案:

答案 0 :(得分: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'),