Wiederverwendbare Komponenten / Ansichten für EmberJS

Ich versuche, eine wiederverwendbare Komponente oder Ansicht zum Erstellen meiner Beschriftungen und Texteingaben zu erstellen, die in einer Bootstrap-Kontrollgruppe zusammengefasst sind. Die Komponente müsste etwa Folgendes erstellen:

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

Das kann ich mit Code wie folgt aufrufen:

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

Es gibt eine ähnliche Frage zum Stapelüberlauf:Verwenden der Ember.js-Textfeld-IDs für ein <label> -Tag

Wobei eine der Antworten einen Link zu dieser jsFiddle enthält.http://jsfiddle.net/GtsKK/2/

Das ist fast das, wonach ich suche, aber ich würde gerne verstehen, wie man das Label und ValueBinding durchläuft, wenn ich die Ansicht einfüge{{view App.TextFieldWithLabel}} anstatt sie in einem JS-Objektarray zu deklarieren.

Jede Hilfe wäre dankbar.

EDIT: 29. Januar 2013

Ich habe eine weitere JSFiddle bei erstellthttp://jsfiddle.net/ianpetzer/3WWaK/ das zeigt deutlich, was ich versuche zu erreichen. Ich kann nicht scheinen, den Variablenwert zu erhalten, der von dem Punkt durchgereicht wird, in dem ich die Ansicht in die Schablone einfüge.

Antworten auf die Frage(3)

Ihre Antwort auf die Frage