由angularfire查询产生的对象格式
是一个Observable对象。Observable是一种用于处理异步数据流的对象，它可以被订阅以接收数据的变化。
AngularFire是一个用于将Angular应用程序与Firebase实时数据库集成的库。它提供了一组Angular指令和服务，使开发人员能够轻松地在应用程序中使用Firebase的实时数据功能。
AngularFire查询产生的Observable对象具有以下特点：
- 异步更新：Observable对象会自动订阅Firebase数据库中的数据，并在数据发生变化时进行更新。这意味着当数据库中的数据发生变化时，应用程序中的Observable对象会自动更新，以反映最新的数据状态。
- 数据流：Observable对象是一个数据流，它可以发出多个值。这使得开发人员可以使用一系列操作符来处理和转换数据流，例如过滤、映射、合并等。
- 错误处理：Observable对象可以处理错误情况。当发生错误时，可以使用错误处理操作符来捕获和处理错误，以确保应用程序的稳定性和可靠性。
- 订阅和取消订阅：开发人员可以通过订阅Observable对象来接收数据的更新。一旦订阅，Observable对象将开始发送数据，并在每次数据更新时通知订阅者。当不再需要接收数据时，可以取消订阅以停止接收数据。
AngularFire查询产生的Observable对象在以下场景中非常有用：
- 实时数据更新：当需要实时更新数据时，可以使用Observable对象来订阅Firebase数据库中的数据变化。这对于需要及时反映数据变化的应用程序非常重要，例如聊天应用、实时协作工具等。
- 数据流处理：Observable对象提供了一种方便的方式来处理和转换数据流。开发人员可以使用操作符来过滤、映射、合并等操作，以满足应用程序的需求。
- 异步操作：由于Observable对象是异步的，它可以处理需要等待的操作，例如从服务器获取数据或执行复杂的计算。通过使用Observable对象，可以确保应用程序的响应性和性能。
腾讯云提供了一系列与云计算相关的产品和服务，其中包括与AngularFire类似的实时数据库服务、云函数服务等。您可以访问腾讯云官方网站（https://cloud.tencent.com/）了解更多关于这些产品和服务的详细信息。
相关·内容
我正在试图连接到数据库中的防火墙。这是app.module.ts
import { BrowserModule } from '@angular/platform-browser';
import { ErrorHandler, NgModule } from '@angular/core';
import { IonicApp, IonicErrorHandler, IonicModule } from 'ionic-angular';
import { SplashScreen } from '@ionic-native/splash
浏览 0提问于2018-05-14得票数 3
回答已采纳
1回答
我有一个angularfire函数，它查询Firestore中有许多可能的集合。
我循环遍历包含搜索查询端点的列表，然后调用搜索函数来查询firebase并返回集合。我觉得这不是正确使用RXJS。
当前，循环在每个循环上订阅一个新的firebase观察者。我认为这不是最佳做法，而且可以以更好的方式进行。
是否有办法创建一个订阅，但仍然传递所有下载的数据？
for (let item of list) {
searchMap('enpoint')
.subscribe((data) => {
this.skillResults = thi
浏览 1提问于2018-04-11得票数 1
回答已采纳
我看到了有关如何订阅firebase身份验证事件的示例
this.firebase.onAuth((user) => {})
我如何在angularfire2、ionic2和angular2项目中做同样的事情？
constructor(nav:NavController, private auth: FirebaseAuth) {
auth.onAuth ... // I don't see any subscription events on the firbaseAuth object
}
我在angularfire2文档中看到了这种语法，但不确定|语法的含义以及如何从
浏览 0提问于2016-04-18得票数 1
我正在开发一个使用Firebase作为数据存储的Angular2应用程序。第一步是使用集合并将对象推到集合中：
this.weeks$ = angularFire.database.list("/weeks");
this.weeks$.push({
id: ScheduleComponent.weekId(),
});
我现在想从收藏中删除一个星期。是否必须查询对象的Firebase并将其删除？还是有一种直接从ListObservable中删除对象的方法？
应该没那么难..。
我试图查询数据库，但这删除了整个集合：
this.angularFire.database.
浏览 1提问于2017-02-08得票数 2
回答已采纳
我正在尝试用AngularFire2填充Firebase中的3个变量(数组)。
DB结构如下：
我被困在如何解析Promise以映射以填充这些变量。即使是最简单的查询也不会返回任何内容，console.log也不会显示任何内容。
let testConnection = this.AngularFire.database.list(DbPath)
.map((items) => {
console.log(items);
return items.map(item => {
浏览 0提问于2016-10-14得票数 5
回答已采纳
我试图弄清楚如何使用AngularFire2将值附加到Firebase对象中的列表中。用例是创建一个简单的记分板，通过将以下Score对象推到列表中，每次记分发生变化时都保存分数：
{
points: [15, 11],
sets: [2, 1],
timestamp: new Date()
}
然后，数据库中的Scoreboard对象如下所示：
{
event: 'Volleybal',
home: 'Londen',
away: 'Manchester',
scores: [Score]
浏览 1提问于2016-12-30得票数 0
回答已采纳
1回答
我正在尝试查询ionic3和Angularfire2中的有序列表。
通过这个查询，它显示了从最低到最高评级的餐厅，但我如何从高到低查询？
查询：
this.restaurantsRef = afDb.list('/restaurants', ref => ref.orderByChild('rating'));
那么如何进行多查询呢？因为用户想要在多个条件下过滤餐厅。
AngularFire版本：
"angularfire2": "^5.0.0-rc.6",
文档中这样写道：
// Order descending by n
浏览 0提问于2018-03-30得票数 0
我正在开发一个以Firebase为后端的Angular2应用程序。在子页面上，我希望显示给定周的一些任务，这是由路由参数指定的。
我使用BehaviorSubject作为AngularFire2查询的参数，方式如下：
export class PrepareComponent implements OnInit {
private routeSub: any;
weekId = '';
private weekSubject: BehaviorSubject<any> = new BehaviorSubject('weekId&#
浏览 5提问于2017-02-10得票数 3
回答已采纳
我有一个使用angularFire隐式数据同步的Firebase对象列表，我希望使用ng-repeat来呈现它们的唯一in (在urls中使用)以及其他数据属性。我是否可以使angularFire返回的方式使我能够访问ng-repeat中的对象in，就像angularFireCollection的成员具有$id属性一样？如果没有，那么实现这一目标的正确方法是什么？假设的代码(不起作用)：
控制器：
myApp.controller('ItemListCtrl', ['$scope', 'angularFire',
function ItemL
浏览 3提问于2013-10-10得票数 11
回答已采纳
2回答
import { Injectable } from '@angular/core';
import { AngularFire, FirebaseListObservable } from 'angularfire2';
/*
Generated class for the FirebaseService provider.
See https://angular.io/docs/ts/latest/guide/dependency-injection.html
for more info on providers and Angular 2 D
浏览 1提问于2017-04-09得票数 1
我有一个这样的名单
{"ids": [
{
"id1": {
"name": "name1",
"lastname": "lastname1"
}
},
{
"id2": {
"name": "name2",
"lastname": "lastname2
浏览 3提问于2016-10-18得票数 3
回答已采纳
3回答
使用AngularFire2分页
、、、、
我正在构建一个Ionic2项目，它使用Firebase，我正在使用AngularFire2。
从AngularFire2文档中，我可以得到如下内容：
const queryObservable = af.database.list('/items', {
query: {
orderByChild: 'size',
equalTo: subject
}
});
这个效果很好。我有大约300-400张记录，但我不能在一个API调用中将其全部提取出来。所以我正在尝试实现分页。我试过很多东西。我想实现的是
StartAt(), endAt()
浏览 11提问于2016-09-28得票数 0
回答已采纳
1回答
当我将.set(jsonObject)放入Firebase DB时，使用angularfire2对对象进行转义(在每个双引号之前添加反斜杠)。
当我手动将jsonObject添加到DB(console.firebase.google.com)中时，一切正常。
let obj = {
key0 : 0,
key1 : 1
};
console.log(obj);
let jsonObject = JSON.stringify(obj);
console.log(jsonObject);
// af is Angul
浏览 1提问于2016-09-03得票数 1
回答已采纳
下面的脚本是使用angularfire、firebase和角从火焰库中读取的一个简单的脚本。问题是，当我将AngularFire从0.7.1升级到.0.8.0时，脚本完全停止工作，我不知道我做错了什么？
<body>
<section ng-app="myapp" ng-controller="MyController">
<div ng-repeat="item in data">
<h3 ng-cloak>{{item.title}}</h3>
&l
浏览 1提问于2014-08-21得票数 0
回答已采纳
根据AngularFire文档，$createUser() onComplete回调返回
...an对象，它包含新创建的用户的属性，包括uid。
但是，userObject只包含uid，而不包含其他任何内容。我期待一个类似于身份验证回调中返回的对象(即包含一个password email、isTemporaryPassword和&profileImageURL的额外的isTemporaryPassword对象)。
我想我要问的是，$createUser() onSuccess回调userObject是否包含uid以外的任何内容？
浏览 2提问于2015-08-12得票数 0
回答已采纳
this.db.list('key_threads/key_threadList', {
query: {
orderBy: "key1",
equalTo: 'val1',
orderBy: "key2", // I GET ERROR HEARE
equalTo: 'val2',
}
}).subscribe(
浏览 3提问于2017-11-06得票数 3
回答已采纳
1回答
我使用pg-promise在PostgreSQL中执行select查询和like子句。不幸的是，查询失败了，错误代码作为08P01和错误消息。
绑定消息提供了1个参数，但准备好的语句"“需要0。
查询如下
select user_name, user_id from users where user_name like '$1#%'
我使用参数化查询作为
var userQuery:pgp.ParameterizedQuery = new pgp.ParameterizedQuery("<above_query>", [userNam
浏览 6提问于2016-06-13得票数 4
回答已采纳
有没有人知道如何用Angularfire2和Firestore实现自动补全功能？
我的意思是，你有一个输入，当你开始写的时候，你进行一个查询，你会得到期望的结果作为响应。
我不知道该怎么做。我用query.where做了一些差劲的尝试，但并不顺利。
目前，我只是在加载和过滤数据时获得所有结果，但我对这种解决方案真的不满意。
任何帮助都将不胜感激。更好的是，有一些解释，因为我迷失在angularfire和firestore的事情中。
浏览 2提问于2018-02-12得票数 0
1回答
我使用的是角CLI + Firebase + AngularFire2，一直在尝试如何使用键从Firebase查询单个对象。
基本流程是显示项目列表，然后单击项目将显示该特定项的详细视图。
这应该是一个非常常见的用例，但是AngularFire 2文档似乎没有给出任何清楚的例子说明我是如何做到这一点的。
我试图使用一个服务来查询这些项目，但我无法让它完全正常工作。
组件
// COMPONENT
import { Component, OnInit, OnDestroy } from '@angular/core';
import { Router, ActivatedRou
浏览 0提问于2016-10-10得票数 5
回答已采纳
我正在尝试构建一个Angular 6 cli/TS/AngularFire的模型。我对所有这些东西都是新手。
export class Book {
constructor(
public id: string,
public title: string,
public genres: any[]
) {}
}
我希望能够使用AngularFire2找到所有存储在Firebase的Cloud Firestore中的匹配流派的书籍。
标准查询如下所示()：
afs.collection('books', ref => ref.where(&
浏览 0提问于2018-08-03得票数 1
我在一个非常类似的查询上得到了这个错误，这与在AngularFire2文档上显示的用于集合查询的查询类似：
this.shops$ = this.afs.collection<IShop>('shops', ref => {
let query: firebase.firestore.CollectionReference | firebase.firestore.Query = ref;
错误(在上)
Argument of type '(ref: CollectionReference) => CollectionReference |
浏览 0提问于2018-02-15得票数 0
AngularFire2示例
是一个单独的组件，它导入:从‘angularfire2’导入{ AngularFire，FirebaseListObservable }；
我假设在一个多组件的应用程序中，这只需要一次(在一个服务中)，然后所有的Firebase访问都是通过该服务进行的。是?
或者让每个组件直接访问Firebase ie没有开销/复制问题。AngularFire可以做到这一点。
浏览 0提问于2016-11-23得票数 3
我只想在我的第一个小角度项目上做更多的工作，我将AngularFire从0.3.0更新到0.5.0，没有什么真正的工作了。我能够获得数据库访问权，并将项目添加到我的列表中。但是remove函数不再工作了。在我删除AngularFire之前，我使用了剪接(索引，1)来删除项。我还尝试使用0.5.0中的新$remove，但它只是从列表中删除了所有项，甚至添加了一个键。
这就是我的清单重复一遍：
<tr ng-repeat="(key, earning) in earnings | orderByPriority">
<td>{{earning.dat
浏览 2提问于2014-01-07得票数 2
回答已采纳
我使用的是Ionic 4，刚刚集成了AngularFire。集合和文档工作得很好，但是我不能让collectionGroup函数工作--它总是给出一个错误，表明该函数不存在。 相关代码为： this.user = this.firestore.collection('profile').doc(tok.uid);
async StoreRecipe(recipe_name,meal) {
var ua = await this.read_foods_meal(meal+1)
console.log(meal);
ua.subscribe
浏览 24提问于2021-04-07得票数 0
回答已采纳
在angularfire 2 4.x.x中，我使用了能观察到的angularfire对象来显示加载状态，然后再从火基获取数据，如下所示。
const ref: FirebaseObjectObservale = AngularFireDatabase.object('/path');
<loading *ngIf="!ref | async"></loading>
<div *ngIf="ref | async">
{{ ref.$value ? ref.$value : 'Content does
浏览 2提问于2017-10-23得票数 0
回答已采纳
我在angularfire2中执行一个操作，其中我订阅了angularfire.auth，以便使用以下代码检索当前在用户中签名的用户id：
angularfire.auth.subscribe(auth => {
this.userId = auth.uid;
console.log(this.userId);
}
这是成功的，并将uid分配给局部变量userId。
我遇到的问题是，当我希望执行以下代码时：
let shipObservable = angularfire.database.list('/ships/' + this.userI
浏览 0提问于2016-08-22得票数 0
我正在尝试编写一个查询，它将根据集合的键从集合中提取单个项目。
我一直在搜索和关注很多教程，但似乎所有的东西都只是展示了如何获得如下列表：
我想传入$key，查询并拉取一条记录。任何可以帮助我们的来源的建议或方向都将不胜感激。
import { Injectable } from '@angular/core';
import { Customer } from "./customer";
import { AngularFire, FirebaseListObservable} from 'angularfire2';
@Injectab
浏览 0提问于2016-09-15得票数 2
回答已采纳
我正试图在我的防火墙模型中添加一个新的对象。下面是我的天使之火设置：
angular.module('angularApp', ['firebase'])
.controller('MyCtrl', ['$scope', 'angularFire',
function MyCtrl($scope, angularFire) {
$scope.shapes = [];
var ref = new Firebase('https://angular-starter.fireb
浏览 3提问于2013-12-09得票数 0
回答已采纳
嗨&谢谢你的火基地，太棒了。
我正在写一本关于部署AngularJS应用程序的书&它主要是关于Angularfire-seed & Ionic框架的一个工作杂凑，它将服务器作为读者部署的一个示例。一切都像香草的Angularfire-种子聊天应用程序一样工作，除了登录视图使用ng-斗篷指令以下列方式破坏登录表单之外。
；Create & Cancel按钮和确认传递输入。
来自上述元素，然后createMode交互按预期工作，但表单不会提交(显示“请输入电子邮件地址”错误)。
如果我把ng斗篷留在这3个元素上，那么createMode交互就会失败&
浏览 5提问于2014-03-14得票数 0
回答已采纳
从谷歌搜索结果来看，AngularFire曾经有过一个orderByPriority过滤器。但是我在当前的AngularFire api文档中找不到这个：。据我所知，orderByPriority将对象的属性转换为数组。我猜这个过滤器消失了，因为现在有另一种更好的方法来做，但那是什么方法呢？
浏览 0提问于2015-01-24得票数 1
我是firebase的新手。我想用angularjs构建它，但我发现了angularfire。
在angularFire文档中列出了隐式同步和显式同步。我试图理解github中的文档，但我仍然不明白其中的区别以及如何使用它们。angularFire()和angularFireCollection()
另外，angularFire()和angularFireCollection()中的参数是什么意思
在广告中感谢
浏览 0提问于2013-05-24得票数 6
回答已采纳
1回答
我正在使用Firebase (AngularFire)和他们的PHP，我正在构建在线存在系统。
我开始有很多推荐信，这感觉是不对的。
火柴参是否应该储存在香草瓶或物体中？
controllers.controller('SocialCtrl', function($scope, angularFire) {
var onlineRef = new Firebase($scope.main.firebaseUrl + "/users/" + $scope.main.userId + "/online");
$scope.online
浏览 3提问于2013-09-07得票数 5
回答已采纳
我正在学习一门关于AngularFire的课程，它正在订阅firebase。但是，.onSnapshot不提供同样的可观察的功能吗？.onSnapshot使用realtime...so中firestore中的更改来更新我的数组，如果您可以只使用angularFire方法，为什么我们还要使用.onSnapshot来订阅呢？
浏览 9提问于2020-07-28得票数 2
回答已采纳
我使用隐式方法来检索数据对象：
setData = function(segment){
var url = 'https://myFireBase.firebaseio.com/';
var rawData = angularFire(url+segment,$rootScope,'data',{});
rawData.then(function(data){
// sorting and adjusting data, and then broadcasting and/or assinging
}
}
这段代码位于一个从不同位置调用
浏览 1提问于2013-06-08得票数 0
2回答
从Firebase获取数据的惯例似乎是创建一个内部使用AngularFire的服务类。然后，在应用程序的组件中，您可以注入和使用该服务。这允许您在单元测试组件时轻松地模拟服务。
但是，我仍然不清楚如何测试实际服务本身。
举个例子，假设我在Firebase中有一个todo list节点，并且我有一个简单的服务来获取所有的todos，如下所示：
import { Injectable } from '@angular/core';
import { AngularFire } from 'angularfire2';
@Injectable()
export cl
浏览 3提问于2016-12-13得票数 4
回答已采纳
控制台显示以下错误：
我已经尝试了几个我在谷歌上找到的解决方案，但仍然不起作用。
import { Component, OnInit } from '@angular/core';
import { AngularFireModule } from 'angularfire2';
import { AngularFireDatabaseModule, AngularFireDatabase, FirebaseListObservable } from 'angularfire2/database';
import { Angula
浏览 8提问于2017-07-22得票数 1
我在angularfire，rxfire和firebase-sdk文档之间来回切换，但我找不到答案。 使用版本8的firebase-sdk API，我可以简单地查询RTDB并获得查询的结果(而不是一堆快照更改)。我如何使用新的API来做到这一点呢？ 我在任何文件上都找不到。有没有可能通过angularfire？rxfire？firebase-sdk？ 我正在尝试将ngFor绑定到我的查询结果。我不想手动处理child_added、child_removed、child_changed等。
浏览 14提问于2021-09-18得票数 1
回答已采纳
在下面的非angularfire伪代码中，我希望让firebase为推入的新数据生成一个键。
var ref = Firebase(...);
var newref = ref.push({"blah":"blah"});
var autoKey = newref.name();
我尝试用绑定模型通过angularfire做同样的事情，但它只是给出了关于对象没有类似于的push()方法的错误。当数据类型是数组时，他让它工作。
如何使用对象的自动键获得我在常规Firebase (非angularFire)中看到的良好行为？
浏览 1提问于2013-05-14得票数 9
回答已采纳
我发现当与纯Firebase JavaScript一起使用时，angularFire总是让我感到困惑。
假设我不知道如何在angularFire中调用Firebase datasapshot ss.name()、ss.hasChild(), ss.forEach()等。
所以我决定单独使用Firebase JavaScript API，因为我意识到它已经在没有使用angularFire的情况下与AngularJS进行了双向数据绑定(显式)。
但我对ng-repeat有个问题。返回的数据是一个对象，所以我不能排序。然后我找到了这个orderByObject过滤器，但是一旦转换成数组，我就会丢失
浏览 1提问于2014-01-16得票数 7
我在使用从我的firebase数据库中获得的对象时遇到问题。我可以收到json文件，没有任何问题，正如你在下面的图片中看到的那样。
<h1>{{ item | async | json}}</h1>
上面的代码在/src/app/app.component.html中。
这将从/src/app/app.component.ts接收item对象
import { Component } from '@angular/core';
import { AngularFire, FirebaseObjectObservable } from 'angul
浏览 22提问于2016-08-04得票数 3
我正在使用Firebase和AngularFire库。我正在寻找一种从$firebaseArray对象中删除所有项或一系列项的方法。在中，我看不出一种简单的方法。除了一个接一个地循环和移除项目之外，还有什么别的办法吗？请告诉我这不是唯一的办法！
浏览 5提问于2017-01-12得票数 1
回答已采纳
我使用下面的代码从users node查询索引，然后将索引传递给todos node以获得我想要的数据，但它只在添加子对象时执行watching操作，所以当在索引中删除子对象时，它不会更新视图。
如果在索引节点中使用value，我不知道如何获取对象键。有什么想法吗？或者使用angularFire查询主数据有更好的方法吗？
FirebaseRef.$child(user.uid).$on('child_added', function(a) {
FirebaseRef.$child('todos/' + a.snapshot.name).$on('val
浏览 1提问于2014-05-20得票数 0
1回答
Angularfire2查询列表
、、、、
我不能用AngularFire2进行简单的列表查询。这是我的数据库的结构。
每个数字都有一个包含所需字段的对象。
通过这种方式查询一个对象会得到正确的结果：
db.object('whatevernumber').valueChanges().subscribe(items => {
console.log(items);
});
我得到了以下结论，这是正确的
但我想要的是将"playas-espana“下的所有对象作为一个数组。我已经尝试过这样的东西，但没有任何运气。
items: Observable<any[]&g
浏览 0提问于2019-05-15得票数 0
可以使用angularfire用户的注册/登录，然后使用普通的REST与防火墙上的数据进行通信？用户注册后，Angularfire返回一个uid。如何使用此uid验证每个REST请求？
浏览 2提问于2016-01-13得票数 1
回答已采纳
我使用这个查询来验证我的Firebase上是否存在数据(使用AngularFire2)
let aux = this.afData.list("/drivers", { query: { orderByChild: '/accountHistory/approved', equalTo: null } });
工作非常好，但我也需要进行反向查询。
像这样
let aux = this.afData.list("/drivers", { query: { orderByChild: '/accountHistory/approved'
浏览 4提问于2017-07-03得票数 7
回答已采纳
2回答
我很难让authCredentials在AngularFire2中重新验证用户的敏感方法，例如删除、密码更新、电子邮件更新等等，我得到了以下错误：
属性'AuthCredential‘在’auth‘类型中不存在。
这是它的代码：
import { AngularFire } from 'angularfire2';
import * as firebase from 'firebase';
constructor(private af: AngularFire) { }
reauthenticated() {
th
浏览 2提问于2017-03-10得票数 1
1回答
我在使用角2中的AngularFire获取唯一键的值时遇到了问题。
这是我的结构：
如您所见，报告中有唯一的键女巫值。我可以很容易地使用*ngFor获得这些值，但我想要的是获得唯一键的值。这是我的密码：
import { AngularFire, FirebaseListObservable} from 'angularfire2';
export class MapsComponent implements OnInit {
item: FirebaseListObservable<any[]>;
constructor(private af:
浏览 2提问于2017-01-26得票数 4
回答已采纳
下面的代码查找一个术语，然后从包含该字符串的数组中返回元素。但是，运行以下错误：user.indexOf不是函数
有些内置函数在可观测数据上使用时，是否没有在过滤器中工作？
import { Injectable } from '@angular/core';
import { AngularFire } from 'angularfire2';
import { Person } from '../person';
import {Observable} from "rxjs";
import 'rxjs/add/ope
浏览 0提问于2016-10-28得票数 0
回答已采纳
已安装的依赖项
"@angular/cli": "1.6.6"
"angularfire2": "5.0.0-rc.6",
"firebase": "4.12.1",
"rxjs": "^5.5.10",
"rxjs-compat": "^6.3.3",
我的进口品
import { AngularFireAuth } from 'angularfire2/auth';
import { AngularFireDatab
浏览 0提问于2018-10-25得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
