2013-04-10 65 views
1

我想弄清楚什么时候渲染自定义视图和通过视图。我知道使用渲染渲染我们得到完整的上下文(视图,控制器)。但是观点呢?视图应该用于自定义视图和处理事件。什么时候通过渲染渲染和何时通过视图?

下面的例子来形式余烬数据例如

contacts.hbs

<div class="span3"> 
    <div class="well sidebar-nav"> 
    <ul class="nav nav-list"> 
     <li class="nav-header">All contacts</li> 
     {{#each contact in controller}} 
     {{view App.ContactInListView contentBinding="contact"}} 
     {{/each}} 
    </ul> 
    </div> 
</div> 
<div class="span9"> 
    {{outlet}} 
</div> 

contact_in_list_view.hbs

App.ContactInListView = Em.View.extend({ 
    templateName: 'contact_in_list', 
    tagName: 'li', 
    classNameBindings: 'isActive:active', 

    isActive: function() { 
    return this.get('content.id') === this.get('controller.activeContactId'); 
    }.property('controller.activeContactId') 
}); 

contact_in_list.hbs

{{#linkTo "contact" contact}}{{contact.fullName}}{{/linkTo}} 

不能只是渲染contact_in_list渲染并传递给它一些控制器吗? 什么时候应该使用渲染和何时查看?经验法则是什么?

+0

附加问题:上面的例子使用内容绑定。这是否意味着控制器和视图都有我们可以绑定的内容? – wryrych 2013-04-10 17:29:08

+1

我不认为你可以用'render'来做。看看http://stackoverflow.com/questions/14971056/nested-views-in-ember/14971239#14971239 – 2013-04-10 19:29:33

回答

2

难道我不只是渲染contact_in_list呈现并传递给它一些控制器?

{{render}}帮手可以通过一个模型,但不是控制器。也许你想在这种情况下,什么是{{each}}帮手的itemController财产

{{#each contact in controller itemController="contactInList"}} 
    {{view App.ContactInListView}} 
{{/each}} 

看看API docs for Ember Handlebars.helpers

什么时候应该使用渲染以及何时看法?经验法则是什么?

当您想要使用同名控制器的单例实例在当前上下文中呈现视图/模板时,使用{{render}}助手。

当您想要在当前上下文中呈现视图而不更改为其他控制器时,请使用{{view}}帮助程序。像{{view Ember.TextField}}