CODEWITHSUNDEEP
angularjsionic-frameworkfirebaseangularfire
Amir Yonatan
Amir Yonatan

Reputation: 727

AngularFire - Firebase object undefined

I'm trying to set up an AngularJS Ionic app together with Firebase.
I followed all the guides available but still Firebase object is undefined.
This is my index.html: (Inside the body)

<!-- build:js scripts/vendor.js -->
<!-- bower:js -->
<script src="bower_components/angular/angular.js"></script>
<script src="bower_components/angular-animate/angular-animate.js"></script>
<script src="bower_components/angular-sanitize/angular-sanitize.js"></script>
<script src="bower_components/angular-ui-router/release/angular-ui-router.js"></script>
<script src="bower_components/ionic/release/js/ionic.js"></script>
<script src="bower_components/ionic/release/js/ionic-angular.js"></script>
<script src="bower_components/ngCordova/dist/ng-cordova.js"></script>
<script src="bower_components/angular-dynamic-locale/src/tmhDynamicLocale.js"></script>
<script src="bower_components/angular-translate/angular-translate.js"></script>
<script src="bower_components/angular-translate-loader-static-files/angular-translate-loader-static-files.js"></script>
<script src="bower_components/localforage/dist/localforage.js"></script>
<script src="bower_components/ionic-platform-web-client/dist/ionic.io.bundle.min.js"></script>
<script src="bower_components/firebase/firebase.js"></script>
<script src="bower_components/angularfire/dist/angularfire.min.js"></script>
<!-- endbower -->
<script>
  firebase.initializeApp({
    apiKey: "...",
    authDomain: "....firebaseapp.com",
    databaseURL: "....firebaseio.com",
    storageBucket: "....appspot.com"
  });
</script>
<!-- endbuild -->

and this is my app.js:

'use strict';
 angular.module('...', ['main', 'firebase'])
  .constant('FBURL', 'https://....firebaseio.com')
  .factory('Auth', function ($firebaseAuth, FBURL) {
       var ref = new Firebase(FBURL);
       return $firebaseAuth(ref);
 });

The service - $firebaseAuth, is loaded successfully but the line new Firebase throws exception that Firebase is undefined.

Thanks!

Upvotes: 0

Views: 747

Answers (1)

Aaron Saunders
Aaron Saunders

Reputation: 33335

'use strict';
 angular.module('...', ['main', 'firebase'])
  .constant('FBURL', 'https://....firebaseio.com')
  .factory('Auth', function ($firebaseAuth) {
       var ref = firebase.database().ref();
       return $firebaseAuth();
 });

https://github.com/firebase/angularfire/blob/master/docs/quickstart.md#7-add-authentication

Upvotes: 1

Related Questions