Skip to content

Firebase inside Angular world. Firebase.onAngular, Firebase.onceAngular, etc... All promises

License

Notifications You must be signed in to change notification settings

spacenick/angular-firebase-patch

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 

Repository files navigation

angular-firebase-patch

Firebase inside Angular world. Firebase.onAngular, Firebase.onceAngular, etc... All promises, wrapped inside Angular kingdom so you don't have to worry about $scope.$apply & shit.

Obv checkout angularFire that is sick but I also needed some more freedom around Firebase in my Angular app.

Supported :

READ

  • onceAngular : returns a promise resolving a snapshot
  • onAngular : returns a promise resolving a snapshot for the FIRST trigger + calls the callback you give it everytime

WRITE

  • setAngular : returns a firebase reference so you can do .name() and shit
  • pushAngular : same

firebase references returned by WRITE operations also contains a custom "data" attribute that contains the original data you wanted to set/push

Firebase.onceAngular

var ref = new Firebase('https://myFirebase.firebaseIO.com/my/data');
ref.onceAngular('value').then(function(snapshot){
 $scope.data = snapshot.val();
});

Firebase.onAngular

var ref = new Firebase('https://myFirebase.firebaseIO.com/my/data');
ref.onAngular('value', function(snapshot) {
  $scope.data = snapshot.val();
});

Firebase.setAngular

var ref = new Firebase('https://myFirebase.firebaseIO.com/my/data/attribute');
ref.setAngular({my: "object"}).then(function(ref){
 $scope.dataHasBeenSet = true
});

Firebase.pushAngular

var ref = new Firebase('https://myFirebase.firebaseIO.com/my/data/array');
ref.pushAngular({my: "object", is:"a cool object"}).then(function(pushRef){
 // pushRef.data == {my: "object", is:"a cool object"}
 // If we need to get it back for any reason
 var data = pushRef.data;
 // Get the name of the entry (generated by Firebase on a push) and set it on the data
 data.firebaseId = pushRef.name();
 $scope.dataSet.push(data);
});

About

Firebase inside Angular world. Firebase.onAngular, Firebase.onceAngular, etc... All promises

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published