标签: angularfire2

我正在学习Angular寻找修复错误的帮助:我正在关注此链接:https://github.com/angular/angularfire2/blob/master/docs/install-and-setup.md 以创建一个角度带有angular2和angularfirestore2的小应用程序

但当我点击服务时,我在浏览器控制台中收到以下错误..

StaticInjectorError[AngularFirestore]: 
  StaticInjectorError[AngularFirestore]: 
    NullInjectorError: No provider for AngularFirestore!
    at _NullInjector.get (core.js:923)
    at resolveToken (core.js:1211)
    at tryResolveToken (core.js:1153)
    at StaticInjector.get (core.js:1024)
    at resolveToken (core.js:1211)
    at tryResolveToken (core.js:1153)
    at StaticInjector.get (core.js:1024)
    at resolveNgModuleDep (core.js:10585)
    at NgModuleRef_.get (core.js:11806)
    at resolveDep (core.js:12302)

我试过谷歌搜索但没有找到确切的解决方案对我没用:(,

这是我遵循的:1)已安装的节点版本8.9.1 2)npm install -g @ angular/cli - > Version 1.5.2 3)ng new'project-name'4)npm install angularfire2 firebase --save

这是我的app.module.ts文件:

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import …

与具有1/10比率的实时数据库相比,我检索存储在文档中的基本数据时,Firestore的性能问题很慢.

使用Firestore,第一次调用平均需要3000毫秒

 this.db.collection(‘testCol’)
   .doc(‘testDoc’)
   .valueChanges().forEach((data) => {
     console.log(data);//3000 ms later
 });

使用实时数据库,第一次调用平均需要300毫秒

 this.db.database.ref(‘/test’).once(‘value’).then(data => {
     console.log(data); //300ms later
 });

这是网络控制台的屏幕截图:

我正在使用AngularFire2 v5.0 rc.2运行Javascript SDK v4.50.

有没有人遇到过这个问题？

表的结构是:

• 聊天记录
• - > randomId
• - > - >参与者
• - > - > - > 0:'name1'
• - > - > - > 1:'name2'
• - > - > chatItems

等等

我想要做的是查询聊天表,找到通过传入的用户名字符串保存参与者的所有聊天.

这是我到目前为止:

 subscribeChats(username: string) {
    return this.af.database.list('chats', {
        query: {
            orderByChild: 'participants',
            equalTo: username, // How to check if participants contain username
        }
    });
 }

我需要你的帮助,我正试图从我的火力显示器中显示一些数据,但它却给我一个错误InvalidPipeArgument: '[object Object]' for pipe 'AsyncPipe'.

有我的服务:

import { Injectable } from '@angular/core';
import { AngularFireDatabase } from 'angularfire2/database';

@Injectable()
export class MoviesService {

  constructor(private db: AngularFireDatabase) {}
  get = () => this.db.list('/movies');
}

有我的组件:

import { Component, OnInit } from '@angular/core';
import { MoviesService } from './movies.service';

@Component({
  selector: 'app-movies',
  templateUrl: './movies.component.html',
  styleUrls: ['./movies.component.css']
})
export class MoviesComponent implements OnInit {
  movies: any[];

  constructor(private moviesDb: MoviesService) { }

  ngOnInit() {
    this.moviesDb.get().subscribe((snaps) => {
      snaps.forEach((snap) => {
        this.movies …

我正在尝试将我的firebase应用程序连接到域 - 域从域中清除.需要帮助进行DNS配置的设置.我的应用程序在firebase应用程序中运行良好.firebase应用程序是 - https://.firebaseapp.com/

我的Firebase设置

和

Google域(https://domains.google.com/) - DNS配置

1.名称服务器 默认为"使用谷歌域名服务器"是否可以？,如果没有设置什么

2.注册主机

如果有的话,需要补充 - 请告诉我.

3.合成记录

如果有的话,需要设置 - 请告诉我.

4.自定义资源记录

我试图添加两条记录,但在尝试添加第二条记录时收到错误 - 是"记录已在使用中",请找到屏幕截图

立即更新我已经添加了两个IP地址,但它仍然无法正常工作.

 背景:

我正在构建一个角度2应用程序(使用Firebase API).我正在使用AngularFire模块.我想知道如何将canActivate方法与AngularFire auth Observable混合,我发现了这篇文章.答案是让canActivate方法返回一个Observable<boolean>:

canActivate(): Observable<boolean> {
  return this.auth
    .take(1)
    .map((authState: FirebaseAuthState) => !!authState)
    .do(authenticated => {
      if (!authenticated) this.router.navigate(['/login']);
    });
}

这是我第一次看到Observable do操作符,我无法理解它的真正含义？官方文件没有帮助我,我没有找到合适的例子.

题:

有人可以带一些.do()使用示例吗？与.subscribe()？有区别？

我有一个Firebase数据库.我有公司和承包商.承包商可以为多个公司工作,公司可以拥有多个承包商.这是一个简单的多对多关系.我希望能够回答有关公司和承包商的问题:

1. 鉴于一家公司,谁是现有的承包商.
2. 鉴于承包商他们为公司工作的是什么.

在firebase中构建数据的替代方法有哪些？

我正在尝试使用id检索我的文档,但无法弄明白.
目前我检索我的文件是这样的:

const racesCollection: AngularFirestoreCollection<Races> = this.afs.collection('races');
return racesCollection.valueChanges();

我确实完整地获得了我的文档列表,但是没有文档ID.

如何为每个文档检索它？

我正在研究一个Angular App与Firebase实时数据库相关的问题.我目前正在使用AngularFire访问Firebase数据库.

在阅读Vanilla Firebase和AngularFire记录之后,在实现我的应用程序的某些部分之后,我看到Firebase数据库所需的所有内容都可以在Vanilla Firebase的帮助下实现,而无需任何帮助AngularFire.

此外,AngularFire与之相比,仅提供有限数量的资源Vanilla Firebase.那么,为什么我要使用它AngularFire,而不是Vanilla Firebase当它有许多资源可用时呢？我无法理解这种情况.

使用AngularFire结束有Vanilla Firebase什么好处？

我有一个带有where()相等运算符的方法的查询，然后是一个orderBy()方法，但我无法弄清楚为什么它需要索引。where 方法检查对象（地图）中的值，order by 是一个数字。

文档说

如果您的过滤器具有范围比较（<、<=、>、>=），则您的第一个排序必须在同一字段上

所以我会认为平等过滤器会很好。

这是我的查询代码：

this.afs.collection('posts').ref
.where('tags.' + this.courseID,'==',true)
.orderBy("votes")
.limit(5)
.get().then(snap => {
  snap.forEach(doc => {
    console.log(doc.data());
  });
});

这是数据库结构的示例