如何捕获angularfire2错误

Question

我正在尝试添加到firebase数据库。 它添加得很好，我的承诺然后功能成功。 但是，当我故意尝试抛出错误时，.catch回调不会记录任何错误。而是刷新页面。

这是我的组件：

 submitForm(value: any){
    this._someService.listPlaces(pName.value, pCategory.value, pAddress.value, this.lat, this.lng)
    .then(_ => console.log('success'))
    .catch(err => console.log(err, 'Failed!'));
  }

这是我的_someService服务：

listPlaces(name, cat, add, lat, lng) {
  return this.places.set({
            placeID: this.placeID,
            placeName: name,
            placeCat: cat,
            placeAdd: add,
            authorID: this.uid,
            author: this.username,
            lat: lat,
            lng: lng,
            rating: 0.5, 
            listDate: firebase.database.ServerValue.TIMESTAMP
        });
    } 

它做错了什么？如何在promise中捕获angularfire2 return catch错误并阻止我的页面刷新。