JavaScript
var app= angular.module('myApp',['firebase']);
function MyController($scope,$firebase){
var ref= new Firebase('https://alpha-db.firebaseio.com/');
$scope.messages= $firebase(ref);
$scope.addMessage=function(e) {
if(e.keyCode !=13) return;
$scope.messages.$add({from: $scope.name,body: $scope.msg});//funtion not working....
$scope.msg ="";
}
}
发生的错误://error:angularfire.min.js:1 Uncaught ReferenceError: Firebase is not defined..
angular.min.js:84 Error: [$injector:unpr] http://errors.angularjs.org/1.2.6/$injector/unpr?p0=%24firebaseProvider%20%3C-%20%24firebase
at Error (native)
.HTML
<html ng-app="myApp">
<head>
<script src='lib/angular.min.js'></script>
<script src='lib/angularfire.min.js'></script>
<script src='lib/firebase.js'></script>
<script src='js/app.js'></script>
<script src="https://www.gstatic.com/firebasejs/4.5.0/firebase.js"> </script>
<link rel='stylesheet' type='text/css' href='css/main.css'>
</head>
<body ng-controller='MyController'>
<h1>CHAT APP </h1>
<div class="list-messages" id="listMessages">
<ul>
<li ng-repeat='msg in messages'><em>{{msg.from}}</em>:{{msg.body}} </li>
</ul>
</div>
<div class="new-message" id="newMessage">
<input type="text" ng-model="name" placeholder="name..">
<input type="text" ng-model="msg" ng-keydown="addMessage($event)" placeholder="Message..">
</div>
</body>
</html>
您放错了引用的顺序，您应该在加载angularfire.min.js之前加载firebase.js。将顺序更改为
<script src='lib/angular.min.js'></script>
<script src='lib/firebase.js'></script>
<script src='lib/angularfire.min.js'></script>
<script src='js/app.js'></script>