ember.js - EmberJS 的可重用组件/ View

Question

我正在尝试创建一个可重复使用的组件或 View 来创建我的标签和包含在 Bootstrap 控制组中的文本输入。该组件需要创建如下内容:

<div class="control-group">
  <label class="control-label" for="approachInputId">ApproachLabel</label>
  <div class="controls">
    {{view Ember.TextField valueBinding='approach'}}
  </div>
</div>

我可以使用以下代码调用:

{{view App.TextFieldWithLabel valueBinding='approach' label='ApproachLabel'}} 

Stack Overflow 上有一个类似的问题:Using Ember.js text field ids for a <label> tag

其中一个答案包含指向此 jsFiddle 的链接。 http://jsfiddle.net/GtsKK/2/

这几乎是我要找的，但我想了解如何在插入 View {{view App.TextFieldWithLabel}} 时传递标签和 valueBinding 而不是声明它们在 JS 对象数组中。

如有任何帮助，我们将不胜感激。

编辑:2013 年 1 月 29 日

我在 http://jsfiddle.net/ianpetzer/3WWaK/ 创建了另一个 JSFiddle这清楚地表明了我正在努力实现的目标。我似乎无法从我将 View 插入模板的位置获取要传递的变量值。

Answer 1

我在这里为你编写了一个 fiddle http://jsfiddle.net/Energiz0r/sbnwb/3/ 我在哪里遵循了您的上述 API:

{{view App.TextFieldWithLabel valueBinding='approach' label='ApproachLabel'}} 

希望这就是您要找的。