尝试向https://dart.academy/build-a-real-time-chat-web-app-with-dart-angular-2-and-firebase-3/学习,但同时实现
GET http://localhost:56991/main.dart 404 (Not Found)
firebase_service.dart
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
class Category {
final String categoryTitle;
Category(this.categoryTitle);
Category.fromMap(Map map, this.categoryTitle) {}
Map toMap() =>{
"categoryTitle":categoryTitle
};
}main.dart
import 'package:angular/angular.dart';
import 'package:yns_admin/app_component/app_component.dart';
void main() {
bootstrap(AppComponent);
}发布于 2017-09-22 21:36:40
Q1:http://localhost:56991/main.dart应该是404,这是预定的行为。如果您只是访问http://localhost:56991,您应该会看到您的组件。有关这方面的更多信息,请访问角飞镖官方医生。
Q2:我认为您需要修改new Category.fromMap()函数来检查快照值。不确定你会怎么做,但这应该相当容易。
https://stackoverflow.com/questions/46196383
复制相似问题