我正在关注this视频。但我在实现它时遇到了困难。这是 HTML 文件。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Welcome to Firebase Hosting</title>
<!-- AngularJS -->
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
<!-- AngularFire -->
<script src="https://cdn.firebase.com/libs/angularfire/2.0.2/angularfire.min.js"></script>
<!-- Firebase -->
<script src="https://www.gstatic.com/firebasejs/3.3.0/firebase.js"></script>
<script src="app.js"></script>
</head>
<body ng-app="app">
<div id="message" ng-controller="MyController as ctrl">
<pre>
{{ ctrl.object | json }}
</pre>
</div>
</body>
</html>
我的 app.js 文件是这样的。
(function(){
// Initialize Firebase
var config = {
apiKey: "SOME KEY",
authDomain: "tier2list.firebaseapp.com",
databaseURL: "https://tier2list.firebaseio.com",
storageBucket: "",
};
firebase.initializeApp(config);
angular.module('app', ['firebase']).controller('MyController', function($firebaseObject){
const rootRef = firebase.database().ref().child('tier2list');
const ref = rootRef.child('object');
this.object = $firebaseObject(ref);
});
}());
但是结果如下。
控制台中也没有错误。数据库规则如下。
{
"rules": {
".read": true,
".write": true
}
}
最佳答案
问题出在您同步的路径上:
const rootRef = firebase.database().ref().child('tier2list');
您的数据库中没有子tier2list
,因此您将得到一个空对象。
相反,您尝试同步整个数据库,可以通过以下方式执行此操作:
const rootRef = firebase.database().ref()
关于firebase - AngularFire 不显示 Firebase 数据库中的数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39269365/