Question

我试图将数据推送到数据库，但是没有通过，这给了我错误。

这是我的.ts文件。在下面的代码中，构造函数中的this.tasks有一条红线，我不知道为什么。

import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 
'ionic-angular';
import { AngularFireDatabase , AngularFireObject } from 
'angularfire2/database';



@IonicPage()
@Component({
selector: 'page-create-quiz',
templateUrl: 'create-quiz.html',
})
export class CreateQuizPage {
tasks : AngularFireObject <any[] > ; 

constructor(public db:AngularFireDatabase){
this.tasks = this.db.object('/tasks').valueChanges();
}



ionViewDidLoad() {
console.log('ionViewDidLoad CreateQuizPage');
}

}

这是我的HTML文件

<ion-header>
<ion-navbar>
<ion-title>Create you quiz here</ion-title>
</ion-navbar>
</ion-header>

<ion-content padding>
<ion-list>

<ion-item *ngFor="let task of tasks | async">

  <input type="text" [(ngModel)]="task.name">

</ion-item>

</ion-list>
</ion-content>

Answer 1

您的任务属性不应键入为AngularFireObject <any[] > ;。

鉴于.valueChanges()将始终返回可观察值，因此应将其键入Observable<any>（例如示例in the documentation）

错误：类型'Observable <{} []>'无法分配给类型'AngularFireList <any []>'。离子的

1 个答案: