views embers

inde.html

<script type="text/x-handlebars">
  {{#collection App.ListView elementId="firstView" }}
			{{content.name}}
  {{/collection}}
</script>

<script type="text/x-handlebars">
  {{#view App.ListView2  }}
  {{/view}}
</script>

vuew.js

App.ListView = Em.CollectionView.extend({
	tagName: 'ul',
  classNames: ['listview'],	
	content: content
});


App.ListView2 = Em.ContainerView.extend({
	
	elementId: 'wrapper',
	childViews: ['child'],

	child:  Em.ContainerView.extend({
		classNames: ['scroller'],
		childViews: ['child'],

		child: SC.CollectionView.extend({
			tagName: 'ul', 
			classNames: ['listview'],	
			content: content,
			itemViewClass: Em.View.extend({

				template: Em.Handlebars.compile('{{#with content}}{{name}}{{/with}}')

			})
		})
	})

});