Extending the guide to work with firebase

tutorials
1

I’m trying to extend the ionic guide to work with a firebase backend. For self learning and sharing it with the community. I’ve run into trouble with the ionic-bundle conflicting with angularFire. https://gist.github.com/9246995

2

I’ve seen this as well with angular-cache. So, I’m just including Angular and Ionic manually. I’m not sure what the cause of this is, but loading individually “solves” it.

1 Like
3

How exactly do you load angular and ionic manually?
I did <script src="js/angular/angular.js"></script> before firebase but no then I get an error about module ionic not being found.

4

Ah nevermind it turns out the error was my fault I was calling angularFire when I was supposed to be calling $firebase in the controller.
For reference here is how I’m importing the javascripts

<link rel="stylesheet" href="css/ionic.min.css">

<!-- Needed for Cordova/PhoneGap !must be declared last! -->
<script type="text/javascript" src="cordova.js"></script>

<script src="https://cdn.firebase.com/js/client/1.0.6/firebase.js"></script>
<script src="js/ionic.bundle.js"></script>
<script src="https://cdn.firebase.com/libs/angularfire/0.7.0/angularfire.min.js"></script>
<script src="js/app.js"></script>
5

I didn’t phrase that very well. I meant including the individual angular files in my <head> rather than using ionic.bundle.

6

even separately, they don’t play well together at all.