我正在运行一个只有 3 个文件的简单 Firebase 应用。当我在浏览器中运行时,在尝试连接到我的 firebase 数据库时出现此错误:
Error: [$injector:unpr] http://errors.angularjs.org/1.3.0/$injector/unpr?p0=%24firebaseObjectProvider%20%3C-%20%24firebaseObject
这是我的 app.js:
(function() {
var app = angular.module("scheduleApp", ['firebase']);
app.controller('MainController',['$scope','$firebaseObject',function($scope, $firebaseObject) {
var ref = new Firebase("https://gajobs.firebaseio.com/");
$scope.data = $firebaseObject(ref);
}]);
})();
这是我的 index.html:
<!DOCTYPE html>
<html lang="en" ng-app="scheduleApp" >
<head>
<meta charset="UTF-8">
<title>GA Jobs</title>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootswatch/3.3.0/journal/bootstrap.min.css">
<link rel="stylesheet" href="style.css">
<script src="http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.0/angular.min.js"></script>
<script src="https://cdn.firebase.com/js/client/1.1.1/firebase.js"></script>
<script src="https://cdn.firebase.com/libs/angularfire/0.8.0/angularfire.min.js"></script>
<script src="app.js"></script>
</head>
<body>
<div class="container" ng-controller="MainController">
<div class="page-header text-center">
<h1>GA Job Board</h1>
</div>
<div class="row times">
<div class="col-xs-4 text-center">
<h2>Contact</h2>
<div class="time-slot">
<input type="checkbox" id="contact">
<label for="contact">Tableu</label>
</div>
</div>
</div>
<p class="text-center">
<a href="#" class="btn btn-primary" ng-click="reset()">Reset</a>
</p>
</div>
</body>
</html>
不确定这里出了什么问题,它似乎不喜欢我尝试使用的 $firebaseObject...
最佳答案
如评论中所述,您使用的是旧版本的 AngularFire。
$firebaseObject
和 $firebaseArray
是在 1.0 中引入的。
在 0.8 中你必须使用 $firebase(ref).$asObject()
,但请不要使用这个旧版本,因为它不受支持。
关于javascript - 将 Firebase 注入(inject) AngularFire 时找不到 $firebaseObject,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34756137/