Angular.js & Firebase

I was trying to build a little one page app to be able to manage releases in my company. The idea is just to have an app where you can request a release and then the request is queued and all release request are displayed as a list. When you are at the top of the list you do the release and afterwards you can mark your release as done and it will be moved to a second list where it is displayed as done. The decision was to use angular.js as Javascript framework, firebase as data store and AngularFire as library to connect both. In the beginning it was quite hard because the tutorials out there normally do the binding to firebase directly in the controller and I wanted to have it as a model in a firebase service. Additionally updating subelements in a list and having on the other side two lists really was challenging. The third main thing was updating elements when they are moved on top of the list was quite hard. Anyway finally I made it working and of course I want to show some code snippets to you to make it perhaps easier for you to use this cool stuff. Of course I tried to shorten the code a bit to make the example readable. If there are any questions do not hesitate to ask. The service

The controller

The template


GD Star Rating
Angular.js & Firebase, 3.3 out of 10 based on 3 ratings

Kommentar verfassen

This site uses Akismet to reduce spam. Learn how your comment data is processed.