首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >在角飞镖中填充Firebase数据库列表

在角飞镖中填充Firebase数据库列表
EN

Stack Overflow用户
提问于 2017-09-13 11:29:11
回答 1查看 246关注 0票数 0

尝试向https://dart.academy/build-a-real-time-chat-web-app-with-dart-angular-2-and-firebase-3/学习,但同时实现

  • 错误-1 同时调试GET http://localhost:56991/main.dart 404 (Not Found)
  • 错误-2

firebase_service.dart

代码语言:javascript
复制
import 'package:angular/angular.dart';
import 'package:firebase/firebase.dart' as fb;
import 'package:yns_admin/category_component/category.dart';

@Injectable()
class FirebaseService {

  fb.Database fbDatabase;
  fb.DatabaseReference databaseReference;

  List<Category> categories;

  FirebaseService() {
    fb.initializeApp(
      apiKey: "AIzaSyBOShlCgUeqTL99n32ssasasasasa",
      authDomain: "yns-app.firebaseapp.com",
      databaseURL: "https://yns-app.firebaseio.com",
      storageBucket: "yns-app.appspot.com",
    );

    fbDatabase = fb.database();
    databaseReference = fbDatabase.ref("categories");
  }

  void showCategories() {
    categories = [];
    databaseReference.onChildAdded.listen(newCategory);
  }

  void newCategory(fb.QueryEvent event) {

    Category category = new Category.fromMap(event.snapshot.val());
    categories.add(category);
  }
}

地图代码来自category.dart

代码语言:javascript
复制
  class Category {

  final String categoryTitle;

  Category(this.categoryTitle);

  Category.fromMap(Map map, this.categoryTitle) {}

  Map toMap() =>{
    "categoryTitle":categoryTitle
  };
}

main.dart

代码语言:javascript
复制
import 'package:angular/angular.dart';
import 'package:yns_admin/app_component/app_component.dart';

void main() {
  bootstrap(AppComponent);
}
EN

回答 1

Stack Overflow用户

发布于 2017-09-22 21:36:40

Q1:http://localhost:56991/main.dart应该是404,这是预定的行为。如果您只是访问http://localhost:56991,您应该会看到您的组件。有关这方面的更多信息,请访问角飞镖官方医生

Q2:我认为您需要修改new Category.fromMap()函数来检查快照值。不确定你会怎么做,但这应该相当容易。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/46196383

复制
相关文章

相似问题

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