首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >从“angularfire2 2/数据库”导入{ AngularFireDatabase,FirebaseListObservable };

从“angularfire2 2/数据库”导入{ AngularFireDatabase,FirebaseListObservable };
EN

Stack Overflow用户
提问于 2017-10-09 16:36:48
回答 5查看 21.8K关注 0票数 4

我有问题

代码语言:javascript
运行
复制
import { AngularFireDatabase, FirebaseListObservable } from "angularfire2/database";

我导入了AngularFireDatabase,但是FirebaseListObservable在搜索这篇文章后处于红线之下,帮助我解决了问题Getting an error: "Has no exported member AngularFire, AuthProviders, AUthMethods, FirebaseListObservable" in AngularFire2?

代码语言:javascript
运行
复制
import { AngularFireDatabase, FirebaseListObservable } from "angularfire2/database-deprecated"; 

但是,当我编译时,我得到了,它也帮不了我,我不知道在哪里搜索等核心。es5.js:1020错误:未知(承诺):错误:错误:没有提供者的AngularFireDatabase!错误:没有AngularFireDatabase的提供者!

"angularfire2":"^5.0.0-rc.2","core-js":"^2.4.1","firebase":"^4.5.0",

EN

回答 5

Stack Overflow用户

回答已采纳

发布于 2017-10-10 08:37:28

在angularfire2中:"^5.0.0-rc.2您不能使用FirebaseListObservable,而是必须使用

代码语言:javascript
运行
复制
import { AngularFireDatabase } from 'angularfire2/database';

像这样使用它

代码语言:javascript
运行
复制
constructor(public af: AngularFireDatabase) {
  let restaurants = this.af.list('/path');
}
票数 7
EN

Stack Overflow用户

发布于 2017-10-10 17:17:04

我在阅读了https://github.com/angular/angularfire2/blob/master/CHANGELOG.md 5.0.0-rc.0 (2017-10-03)之后得到了答案。

-deprecated允许您使用旧的数据库API。

代码语言:javascript
运行
复制
import { AngularFireDatabaseModule } from 'angularfire2/database-deprecated';

在app.module.js和您的服务中使用

代码语言:javascript
运行
复制
 import { AngularFireDatabase, FirebaseListObservable } from "angularfire2/database-deprecated";

谢谢你们俩,你们帮了我

票数 8
EN

Stack Overflow用户

发布于 2017-10-09 16:40:56

您需要导入以下内容并将其添加到您的app.module.ts下

代码语言:javascript
运行
复制
import { AngularFireModule } from 'angularfire2';
import { AngularFireDatabaseModule } from 'angularfire2/database';


@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    AngularFireModule.initializeApp(firebaseConfig),
    AngularFireDatabaseModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/46651154

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档