Handeling Error when using push(data) Angularfire2

Question

How to handle Error when pushing data with angularFire2?

I used the following method:

todoLists: AngularFireList<TodoList>;

addList(data): ThenableReference {

    const item: Item = {
      name: data.task,
      state: false,
      description: 'No description'
    };
    const todoList: TodoList = {
      id: '',
      name: data.name,
      items: [item]
    };
    this.todoLists.push(todoList).then(_ => this.presentToast('List succesfuly added'))
                               .catch(err => _ => this.presentToast('Something wrong happened'));
  }

The problem here is that the push method of AngularFire returns an ThenableReference so the catch method doesn't exist in that interface.

Here's the message from the editor (vscode)

property catch doesn't exist on type promiseLike<> There must another way to handle errors.

Related Question: stackoverflow.com/questions/48656056/…

benevolentprof
– benevolentprof

2018-07-04 06:36:41 +00:00
Commented Jul 4, 2018 at 6:36 — benevolentprof
– benevolentprof, Commented Jul 4, 2018 at 6:36

David S · Accepted Answer · 2018-01-29 09:23:25Z

2

I had the same problem, and I found I could create the thenable reference with the push() method, then use set which returns an error on .catch.

See more here in the docs.

todoLists: AngularFireList<TodoList>;

addList(data): void {
  const item: Item = {
    name: data.task,
    state: false,
    description: 'No description'
  };
  const todoList: TodoList = {
    id: '',
    name: data.name,
    items: [item]
  };

  // .push() also creates a new unique key, which can be accessed with ref.key
  let ref: Reference = this.todoLists.push(); 
  ref.set(todoList)
    .then( () => this.presentToast('List succesfuly added'))
    .catch(err => this.presentToast('Something wrong happened: ' + err));
}

answered Jan 29, 2018 at 9:23

David S

1761 silver badge4 bronze badges

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

Collectives™ on Stack Overflow

Handeling Error when using push(data) Angularfire2

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related