Ember Latest

The latest build of Ember.

HTML

<script src="http://builds.emberjs.com/handlebars-1.0.0.js"></script>
<script src="http://builds.emberjs.com/ember-latest.js"></script>
<script type="text/x-handlebars" data-template-name="application">
    {{outlet}}
</script>
<script type="text/x-handlebars" data-template-name="index">
    Contained Ember.TextField(how do I get id ? ):
    {{view Controls.ContainedField elementId="containedField"}}
    <br/>
    Direct Ember.TextField(gets id):
    <div>
    {{view Ember.TextField id="directField"}}
    </div>
</script>
<script type="text/x-handlebars" data-template-name="FieldContainer">
    {{view view.ContainedView}}
</script>

CSS

h1 {
    font-size: 1.6em;
    padding-bottom: 10px;
}
h2 {
    font-size: 1.4em;
}
ul {
    padding: 15px;
    font-size: 1.4em;
    color: green;
}

JavaScript

App = Ember.Application.create({});

Controls = Ember.Namespace.create();

Controls.FieldContainer = Ember.View.extend({
    ContainedView: undefined
})

Controls.ContainedField = Controls.FieldContainer.extend({
    templateName: 'FieldContainer',
    ContainedView: Ember.TextField.extend({
        init: function(){
            this._super();
            this.set('elementId', this.get('parentView.elementId') + 'Input');
        }
    })
})

App.IndexRoute = Ember.Route.extend({});