Navigation Menu

Skip to content

Instantly share code, notes, and snippets.

Created August 7, 2013 18:44
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save anonymous/6177157 to your computer and use it in GitHub Desktop.
Save anonymous/6177157 to your computer and use it in GitHub Desktop.
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.0.0/handlebars.js"></script>
<script src="http://builds.emberjs.com/ember-latest.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
<script type="text/x-handlebars" data-template-name="index">
{{#each widgets}}
{{view viewClass}}
{{/each}}
</script>
<script type="text/x-handlebars" id="widget-alpha">Alpha</script>
<script type="text/x-handlebars" id="widget-beta">Beta</script>
<script type="text/x-handlebars" id="widget-gamma">Gamma</script>
</body>
</html>
App = Ember.Application.create();
App.WidgetAlphaView = Ember.View.extend({templateName: "widget-alpha"});
App.WidgetBetaView = Ember.View.extend({templateName: "widget-beta"});
App.WidgetGammaView = Ember.View.extend({templateName: "widget-gamma"});
App.Widget = Ember.Object.extend();
App.WidgetAlpha = App.Widget.extend({viewClass: App.WidgetAlphaView})
App.WidgetBeta = App.Widget.extend({viewClass: App.WidgetBetaView})
App.WidgetGamma = App.Widget.extend({viewClass: App.WidgetGammaView})
App.IndexController = Ember.Controller.extend({
widgets: [
App.WidgetAlpha.create(),
App.WidgetBeta.create(),
App.WidgetGamma.create(),
App.WidgetBeta.create(),
App.WidgetBeta.create(),
App.WidgetAlpha.create(),
App.WidgetBeta.create(),
App.WidgetGamma.create()
]
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment