Angular 5 firebase database get one item

Question

I got lots of projects :

export class Project {
  $key: string;
  file: File;
  name: string;
  title: string;
  cat: string;
  url: string;
  progress: number;
  createdAt: Date = new Date();

  constructor(file: File) {
    this.file = file;
  }
}

I upload them all to :

  uploads: Observable<Project[]>;

  private saveFileData(upload: Project) {
    this.db.list(`profile/${this.auth.userId}/project`).push(upload);
}

And then I am trying to get one :

 uploads: Observable<Project[]>;
getOne(){
  this.uploads = this.db.list(`profile/${this.auth.userId}/project/${this.projectId}`);
}

In this case I get error on this.uploads

(Angularfirelist is not assignable to Observable.)

Then I tried this :

  uploads: AngularFireList<Project[]>;

getOne(){
  this.uploads = this.db.list(`profile/${this.auth.userId}/project/${this.projectId}`);
}

Error :

ERROR Error: InvalidPipeArgument: '[object Object]' for pipe 'AsyncPipe'

How to get that one project ?

Julius Dzidzevičius · Accepted Answer · 2018-05-04 08:17:10Z

1

Add valueChanges()to get only the data, or snapshotChanges() to get data's payload:

this.uploads = this.db.list(`profile/${this.auth.userId}/project/${this.projectId}`).valueChanges();

answered May 4, 2018 at 8:17

Julius Dzidzevičius

11k11 gold badges41 silver badges84 bronze badges

Sign up to request clarification or add additional context in comments.

8 Comments

Angulandy2 Over a year ago

It gets all strings as new objects.

Julius Dzidzevičius Over a year ago

But you use async pipe in template like - <div *ngFor="let item of uploads | async">?

Angulandy2 Over a year ago

I assume i need to use object not a list if I want to show only one

Julius Dzidzevičius Over a year ago

So you could do {{ uploads | async }}

Angulandy2 Over a year ago

Yes it worked, next question if you can help : How do I upload my project like this : project1/projec1 values, project2/project2 values,

|

Collectives™ on Stack Overflow

Angular 5 firebase database get one item

1 Answer 1

8 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

8 Comments

Your Answer

Sign up or log in

Post as a guest

Related