用于渲染模板的 ember 控制器

Question

我有一个 foo 集合，每个 foo 都有自己的 bar 集合。我希望能够使用路由显示选定的 foo，但随后 foo 的条被列为显示的一部分。

除了每个条可能包含一个属性，这意味着我想对其应用不同的样式之外，所有这些都是直截了当的。所以，我在 each 中使用 render 车把助手，就像这样 -

<script type="text/x-handlebars" id="foo">
    <div>{{name}}</div>
    <div>
        <table>
            {{#each bar in bars}}
                {{render bar bar}}
            {{/each}}
        </table>
    </div>
</script>

并且栏模板看起来像这样 -

<script type="text/x-handlebars" data-template-name="bar">
    <tr><td>
        <div {{bind-attr class="bar.bold:bold"}}>{{bar.name}}</div>
    </td></tr>
</script>

问题是我不知道如何定义控制器。如果模型包含带有粗体属性的条形，则上述方法有效，但如果不是这种情况，我需要计算属性怎么办？

我尝试了这方面的变化 -

App.BarController = Ember.ObjectController.extend({
isBold: function(){
    return this.get('bold');
}.property('isBold'),});

（相应地修改 bind-attr 助手），我在返回处设置了一个断点。它永远不会被击中。

我在这里有一个 jsfiddle (http://jsfiddle.net/martinp999/ZbjH9/7/)。任何意见，将不胜感激。谢谢

Answer 1

使用itemController 在每个项目的基础上保持状态是正确的方法。

但要让您的 BarController 被拾取和使用，因此您的计算属性被调用，您必须在您的 {{each}} 助手上设置 itemController 属性才能这样做：

<script type="text/x-handlebars" id="foo">
  <div>{{name}}</div>
  <div>
    <table>
        {{#each bar in bars itemController="bar"}}
            {{render bar bar}}
        {{/each}}
    </table>
  </div>
</script>

在这里查看您的modified and working jsfiddle

希望对你有帮助。

Answer 2

没有什么可以像观察者或动作那样触发控制器中的事件。