Error: Can't find variable: Firebase (angularjs and angular fire)
<p>I'm new to firebase and angularfire. In my app, I'm trying to create a new item (a teacher object) in a firebase database. I keep getting <code>Error: Can't find variable: Firebase</code>. </p>

<p>I have included following script tags in <code>index.html</code>:</p>

<pre><code>&lt;script type="text/javascript" src="../libs/firebase/firebase.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="../libs/angular/angularfire/angularfire.js"&gt;&lt;/script&gt;
</code></pre>

<p>Then, in my <code>app.js</code> I have included <code>firebase</code> like:</p>

<pre><code>angular.module('app', ['firebase']);
</code></pre>

<p>My controller is:</p>

<pre><code>app.controller('teacherCreateCtrl', ['$scope', '$state', 'Teacher', '$firebase', function($scope, $state, Teacher, $firebase) {
   var ref = new Firebase("https://xxx-xxxxxx.firebaseio.com/app/teachers");
   var firebaseConnection = $firebase(ref);
   $scope.teacher = new Teacher();
   $scope.userClickedCancel = function() {
      $state.go('app.teacher');
   }
   $scope.userClickedSave = function(newTeacher) {
      firebaseConnection.$set(newTeacher);
   }
}]);
</code></pre>

<p>Code execution stops at <code>var ref = ...</code> in the controller. Appreciate any help. Thanks.</p>

<p>I'm using firebase 3.4.0v and angularfire 2.0.2v. Note that, my template that used this controller is embedded in <code>index.html</code> as a view.</p>