Ad

ERROR : Type 'Observable<{}[]>' Is Not Assignable To Type 'AngularFireList'. Ionic

I was trying to push data to the database but it is not going through and it is giving me errors.

This is my .ts file. In the below code this.tasks in the constructor has a red line and I don't know why.

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');
}

}

This is my HTML file

<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>
Ad

Answer

Your tasks property shouldn't be typed as a AngularFireObject <any[] > ;.

Given that .valueChanges() will always return an observable, it should be typehinted as Observable<any> (like the example in the documentation)

Ad
source: stackoverflow.com
Ad