Composants/vues réutilisables pour EmberJS

Question

J'essaie de créer un composant ou une vue réutilisable pour créer mes étiquettes et entrées de texte enveloppées dans un groupe de contrôle Bootstrap. La composante aurait besoin de créer quelque chose comme ceci:

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

que je peux appeler en utilisant le code le long des lignes de:

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

Il y a une question similaire sur Stack Overflow: Using Ember.js text field ids for a <label> tag

Où l'une des réponses inclut un lien vers ce jsFiddle. C'est presque ce que je cherche, mais je voudrais comprendre comment passer le label et valueBinding à travers quand j'insère la vue {{view App.TextFieldWithLabel}} au lieu de les déclarer dans un tableau d'objets JS.

Toute aide serait appréciée.

EDIT: 29 janvier 2013

J'ai créé un autre jsFiddle à http://jsfiddle.net/ianpetzer/3WWaK/ qui montre clairement ce que je suis en train de réaliser. Je n'arrive pas à obtenir la valeur de variable à passer à partir du point où j'insère la vue dans le modèle.

Answer 1

J'ai composé un petit violon pour vous ici http://jsfiddle.net/Energiz0r/sbnwb/3/ où j'ai suivi votre API ci-dessus:

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

Hope this est ce que vous cherché.

Answer 2

Si vous cherchez à créer des champs bootstrap avec Ember, la meilleure façon d'aller à ce sujet que je l'ai trouvé à ce jour est Ember Bootstrap

Bien qu'il soit pas vraiment bien documenté, je l'ai trouvé assez simple à utiliser et vous Vous économiserez beaucoup de temps car c'est plutôt bien implémenté. Je trouve le code assez concis et vous en apprendrez beaucoup sur Ember si vous prenez le temps de voir comment cela fonctionne.

Pour répondre à votre question plus précisément, si vous insérez une vue Ember comme vous l'avez montré ci-dessus, l'objet de vue sera en mesure d'accéder à this.get('value') et this.get('label'). Peu importe, l'un est littéral et l'autre est contraignant. Une partie de l'élégance d'Ember est qu'il traite de cela pour vous.

Answer 3

expressions de modèles et de leur comportement

• {{view.name}} saisiront les valeurs de la vue
• {{controller.name}} va choisir les valeurs de contrôleur
• {{name}} va choisir les valeurs du contexte de vue

Alors, s'il vous plaît aller avec la première option pour lier les propriétés de vue

violon Mise à jour - http://jsfiddle.net/VenkataSuresh/3WWaK/2/