emberfire
Version:
The officially supported Ember binding for Firebase
52 lines (43 loc) • 1.42 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<title>EmberFire legacy compile test</title>
<script src="//cdn.firebase.com/js/client/2.4.2/firebase.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/ember.js/2.5.1/ember.debug.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/ember.js/2.5.1/ember-template-compiler.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/ember-data.js/2.5.3/ember-data.js"></script>
<script src="emberfire.min.js"></script>
</head>
<body>
<script type="text/javascript">
var App = Ember.Application.create();
App.Router.map(function() {
// put your routes here
});
App.PostModel = DS.Model.extend({
title: DS.attr()
});
App.IndexRoute = Ember.Route.extend({
model: function() {
return this.store.query('post', {orderBy: 'published', limitToLast: 5});
}
});
App.ApplicationAdapter = DS.FirebaseAdapter.extend({
firebase: new Firebase('https://emberfire-demo.firebaseio.com/')
});
</script>
<script type="text/x-handlebars">
<h2>Last 5 posts</h2>
{{outlet}}
</script>
<script type="text/x-handlebars" data-template-name="index">
<ul>
{{#each model as |post|}}
<li>{{post.title}}</li>
{{/each}}
</ul>
</script>
</body>
</html>