flashpoint
Version:
Angular bindings for Fireproof. Replaces AngularFire.
51 lines (42 loc) • 1.41 kB
HTML
<html ng-app="demo">
<head>
<style type="text/css">
body {
font-family: 'Helvetica', sans-serif;
}
</style>
<title>flashpoint demo</title>
<script>
window.module = {};
</script>
<script src="/node_modules/firebase/lib/firebase-web.js"></script>
<script>
window.Firebase = window.module.exports;
</script>
<script src="/node_modules/fireproof/dist/fireproof.js"></script>
<script src="/bower_components/angular/angular.min.js"></script>
<script src="/flashpoint.min.js"></script>
<script>
angular.module('demo', ['flashpoint']);
</script>
</head>
<body firebase="https://flashpoint-demo.firebaseio-demo.com">
<h2>flashpoint demo</h2>
<div>
<ul>
<li ng-repeat="dinosaur in fp.children().of('dinosaurs').keys">{{ dinosaur }}</li>
</ul>
<div fp-page="dinosaurs" limit="3" as="dinosaurs">
<h4>Page {{ $pageNumber }}</h4>
<ul>
<li ng-repeat="dinosaur in dinosaurs">
The {{ $keys[$index] }} is {{ dinosaur.carnivorous ? "carnivorous, so watch out" : "not carnivorous" }}
</li>
</ul>
<button ng-disabled="$paging || !$hasPrevious" ng-click="$previous()">Previous Page</button>
<button ng-disabled="$paging || !$hasNext" ng-click="$next()">Next Page</button>
</div>
</div>
</body>
</html>