Angularjs AngularFire service不返回值?
我的非常简单的数据模型: 合作伙伴 名称 奥里格巴尔 这是代码:Angularjs AngularFire service不返回值?,angularjs,firebase,angularfire,Angularjs,Firebase,Angularfire,我的非常简单的数据模型: 合作伙伴 名称 奥里格巴尔 这是代码: <!DOCTYPE html> <html ng-app="myApp"> <head> <title>Testing</title> </head> <body ng-controller="PartnerCtrl"> <div> <li ng-repeat="item in items"&g
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<title>Testing</title>
</head>
<body ng-controller="PartnerCtrl">
<div>
<li ng-repeat="item in items">{{item.Name}} - {{item.OrigBal}}</li>
</div>
<script>
var app = angular.module("bastion", ["firebase"]);
app.constant('FIREBASE_URI', 'https://notpublic.firebaseio.com/Partners');
app.controller('PartnerCtrl', [
'$scope', 'PartnerService', function($scope, PartnerService) {
$scope.newItem = { name: '', OrigBal: 0 };
$scope.currentItem = null;
$scope.items = PartnerService.getItems();
$scope.addItem = function() {
PartnerService.addItem(angular.copy($scope.newItem));
$scope.newItem = { name: '', OrigBal: 0 };
};
$scope.updateItem = function(id) {
PartnerService.updateItem(id);
};
$scope.removeItem = function(id) {
PartnerService.removeItem(id);
};
}
]);
app.factory('PartnerService', [
'$firebase', 'FIREBASE_URI', function($firebase, FIREBASE_URI) {
var ref = new Firebase(FIREBASE_URI);
var items = $firebase(ref);
var getItems = function() {
return items;
};
var addItem = function(item) {
items.$add(item);
};
var updateItem = function(id) {
items.$save(id);
};
var removeItem = function(id) {
items.$remove(id);
};
return {
getItems: getItems,
addItem: addItem,
updateItem: updateItem,
removeItem: removeItem
}
}
]);
</script>
<script src="/Scripts/angular.min.js"></script>
<script src="https://cdn.firebase.com/js/client/1.0.15/firebase.js"></script>
<script src="/Scripts/angularfire.min.js"></script>
</body>
</html>
我无法获取显示值{{item.Name}-{{item.OrigBal}},以插入服务传回的数据。我相信这很简单,但我显然遗漏了一些重要的东西。任何指点都将不胜感激
应该是
var getItems = function() {
return items.$asArray();
};
好吧,问题是简单而愚蠢的。javascript中的这一行:
var app = angular.module('bastion', ['firebase']);
然后,我在HTML中将我的ng应用程序定义为:
<html ng-app='myApp'>
我改为:
<html ng-app='bastion'>
现在一切都正常了。愚蠢的小姐,很抱歉浪费了大家的时间。console.log是你的朋友。n-console.log只是给了我一个神秘的错误:未捕获错误:[$injector:modulerr]…fc%20http%3A%2F%2F本地主机%3A55852%2FScripts%2fagnal.min.js%3A18%3a387当你忘记在依赖项列表中包含模块时会发生这种情况。如果单击错误,您将能够看到哪个模块。请注意,SO不是调试服务。在这里做一些尽职调查,并用准确的版本信息、错误消息和您试图解决的问题清楚地说明问题。AngularFire的版本是1.2.23,AngularFire的版本是0.8。当我单击控制台中的错误时,我得到:未能实例化模块MyApp,原因是:错误:[$injector:nomod]MyApp是我分配给ng app的名称,这就是我感到困惑的原因。我看不出我在依赖项列表中遗漏了一个模块。也许把js放在一个文件中而不是一个脚本标记中,然后引用js文件会帮助我更好地看到它,但是由于代码现在还在运行,我看不到我遗漏了什么,尽管很明显有什么地方出错了;没有帮助。更改为返回项目。$asArray是一个正确的注释,这是我需要解决的其他问题。非常感谢。
<html ng-app='bastion'>