如何从属性

Question

我已经定义了以下Ember.View模板传递到Ember.View：

App.ControlGroup = Ember.View.extend 
    classNames: ['control-group'] 
    layoutName: 'controlGroup' 

对于其布局模板（controlGroup.handlebars）看起来是这样的：

<label class="control-label">{{ view.label }}</label> 
<div class="controls"> 
    {{ yield }} 
</div> 

下面是一个使用上述定义的视图的示例：

{{#view App.ControlGroup label="Property code"}} 
    {{#if isNew}} 
     {{view Em.TextField valueBinding="code"}} 
    {{else}} 
     <p>{{code}}</p> 
    {{/if}} 
    {{/view}} 

这将产生下面的HTML：

<div id="ember10170" class="ember-view control-group"> 
    <label class="control-label">Property code</label> 
    <div class="controls"> 
    <input id="ember10172" class="ember-view ember-text-field" type="text"> 
    </div> 
</div> 

这正是我想要的。但是，我了解到，在模板中使用视图的属性（请参见上面的{{ view.label }}，在controlGroup.handlebars中}}）是一种反模式，并且该属性查找应该来自视图的控制器。所以我想知道如何去做。在这种情况下，该属性与视图（html片段）本身有关，所以我的实现似乎对我来说合法，但我很好奇看到其他方法。

Answer 1

我不认为使用视图属性本身就是一个坏习惯，只是人们倾向于过度使用Ember的这种能力。作为模型，控制器，观点有不同的生命周期，“做什么去哪里”的问题可以分解为如下：

• 模式：可持久数据，将生存页面刷新。
• 控制器：非持久数据，将无法存活页面刷新，但无视视图重新呈现。
• 观看次数：不时被破坏，例如。在{{#if}}助手内。

我认为这3个组件的行为意味着在哪里放置任何给定的属性。
（另外，我觉得你的例子是完全有组织的，我很乐意听到的理由，如果我错了）:)

编辑：在label财产的情况下，这几乎是如何，例如，value属性在类似Ember.TextField的核心类中实现。使用{{view}}帮助程序时可以给它一个值：{{view Ember.TextField value="foo"}}），也可以通过声明它为绑定：{{view Ember.TextField valueBinding="foo"}}来将其转发给控制器。后者将使用控制器上名为foo的属性。