javascript - 使用 push(data) Angularfire2 时处理错误

Question

angularFire2推送数据报错如何处理？

我使用了以下方法:

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

这里的问题是 AngularFire 的 push 方法返回一个 ThenableReference 所以 catch 方法不存在于该接口(interface)中。

这是编辑器(vscode)的消息

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

Answer 1

我遇到了同样的问题，我发现我可以使用 push() 方法创建 thenable 引用，然后使用 set 在 .catch 上返回错误。

查看更多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));
}