Ember.js:将模型传递到 View 中

Question

我有一个 Controller ，其中包含有关用户帐户(图标、名称、提供商等)的数据。在每个循环的输出中，我有一个 View ，它将根据通过该特定模型传入的提供程序动态构建一个 CSS 类。

<script type="text/x-handlebars" data-template-name="accountItem">
{{#each account in controller}}
    {{#view App.AccountView}}
        <h4>{{account.name}}</h3>
        <img {{bindAttr src="account.icon"}} />
        <i {{bindAttr class="account.provider"}}></i>
    {{/view}}
{{/each}}
</script>

App.AccountView = Ember.View.extend({
    tagName: 'a',
    classNames: ['avatar-image'],
    providerClass: function(el) {
        // do something
    }
});

我的问题有两个方面。

您如何将“帐户”或当前迭代的项目传递到 View 中？

传入之后，如何引用？

我确信这是经常发生的事情，但我似乎找不到任何例子。任何人都可以提供一些意见吗？

Answer 1

意见有专content View 中的属性允许更简单的方法:您只需使用模型属性的名称，而不使用 view.content.部分。
此外，当您迭代 Controller 时，您可以省略循环变量的名称并使用 this相反，就像 this guide .这不是必需的，但可以使代码更简洁一些。
此外，从 View 的模板中，您通常不需要引用外部变量，但如果您愿意也可以。

{{#each controller}}
    {{#view App.IndexView contentBinding="this"}}
        <h4>{{name}}</h4>
        <img {{bindAttr src="icon"}} />
        <i {{bindAttr class="provider"}}></i>
        <i> {{icon}} </i>
        <i>{{provider}}</i>
    {{/view}}
{{/each}}

您可以随时访问 content View 中的属性:

this.get('content');