Ember.js 渲染模板的余烬控制器

Ember.js 渲染模板的余烬控制器,ember.js,Ember.js,我有一个foo集合,每个foo都有自己的酒吧集合。我希望能够使用routes显示选定的foo,但是foo的条形图将作为显示的一部分列出 所有这些都是直截了当的,只是每个条可能包含一个属性,这意味着我想对其应用不同的样式。因此,我在一个each中使用了一个渲染把手辅助对象,如下所示- <script type="text/x-handlebars" id="foo"> <div>{{name}}</div> <div>

我有一个foo集合,每个foo都有自己的酒吧集合。我希望能够使用routes显示选定的foo,但是foo的条形图将作为显示的一部分列出

所有这些都是直截了当的,只是每个条可能包含一个属性,这意味着我想对其应用不同的样式。因此,我在一个each中使用了一个渲染把手辅助对象,如下所示-

<script type="text/x-handlebars" id="foo">
    <div>{{name}}</div>
    <div>
        <table>
            {{#each bar in bars}}
                {{render bar bar}}
            {{/each}}
        </table>
    </div>
</script>
(相应地修改bind attr helper),我在返回上放置了一个断点。它永远不会被击中


我这里有一个jsfiddle()。如有任何建议,将不胜感激。谢谢

在控制器中,没有什么比观察者或动作更能触发您的事件

在控制器中,没有什么比观察者或动作更能触发事件

使用
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>

{{name}}
{{{#条中的每个条itemController=“bar”}
{{渲染条}}
{{/每个}}
看看你的

希望有帮助。

使用
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>

{{name}}
{{{#条中的每个条itemController=“bar”}
{{渲染条}}
{{/每个}}
看看你的


希望能有所帮助。

抱歉,刚到恩伯。你在谈论什么事件?我希望根据数据中的属性显示具有不同样式的条形图。没有什么活动吗?它是用if来解决的。无需控制器操作。这就是你想要的吗?嗯,这正是我想要的。它将逻辑从控制器移动到把手辅助装置。但是,如果一个类是真的,我实际上想使用另一个类。您应该能够通过组合使用
{bind attr class=“view.someBool:class name if true:class name if false”}
和控制器中返回布尔值的自定义属性来实现这一点。我认为您必须创建自己的视图帮助器-在这里描述-我还不确定是否理解视图。我名单上的下一件事。。。我想……)对不起,新的余烬。你在谈论什么事件?我希望根据数据中的属性显示具有不同样式的条形图。没有什么活动吗?它是用if来解决的。无需控制器操作。这就是你想要的吗?嗯,这正是我想要的。它将逻辑从控制器移动到把手辅助装置。但是,如果一个类是真的,我实际上想使用另一个类。您应该能够通过组合使用
{bind attr class=“view.someBool:class name if true:class name if false”}
和控制器中返回布尔值的自定义属性来实现这一点。我认为您必须创建自己的视图帮助器-在这里描述-我还不确定是否理解视图。我名单上的下一件事。。。我想……)那是我一直在想的事情。但我不知道我必须在每个助手上声明它。这是我一直在想的事情。但我不知道我必须在每个助手上声明它。谢谢
<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>