Ionicv2 Angularfire2 v5私はプッシュで新しいアイテムを作成できません

Question

私はイオンアプリを持っており、FirebaseListObservableが削除された新しいanglefire2バージョン5にアップデートしました。

今、私はこのような初期化：私は新しいアイテムを作成するために、イオン性Actionsheetハンドラを持っていただけに、それをプッシュする前に、私は唯一の

items: FirebaseListObservable<any>; 

をしたFirebaseListObservableの除去の前に

items: Observable<any>; 

    constructor(public navCtrl: NavController, public alertCtrl: AlertController, af: AngularFireDatabase, public actionSheetCtrl: ActionSheetController) { 
    this.items = af.list('/items').valueChanges(); 
    } 

データベースのノード：

addItem(){ 
let prompt = this.alertCtrl.create({ 
    title: 'Name', 
    message: "", 
    inputs: [ 
    { 
     name: 'title', 
     placeholder: 'Name' 
    }, 
    ], 
    buttons: [ 
    { 
     text: 'Cancel', 
     handler: data => { 
     } 
    }, 
    { 
     text: 'Save', 
     handler: data => { 
     this.items.push({ 
      title: data.title 
     }); 
     } 
    } 
    ] 
}); 
prompt.present();} 

しかし、 "this.items.push（{" funcもう動作しません。新しいアイテムをデータベースに再度プッシュするにはどうすればいいですか？

FirebaseListObservableを使用する前は問題ありませんでした。 私は今すぐエラーメッセージを受け取ります： _this.items.pushは機能ではありません

しかし、どういうわけか私はそれのための置き換えを見つけることはありません。

fyi：私は観察と反応であまり良くありません。ですから問題がある場合は詳細にお知らせください。

Answer 1

anglefire2の構文がありません。 af.list('/items').valueChanges()はFirebaseListObservable<any>の代わりにObservable<{}[]>を返します。

だから、次のように試してみてください。

items: Observable<any>; 
itemsRef: AngularFireList<{}>; 

    constructor(public navCtrl: NavController, public alertCtrl: AlertController, af: AngularFireDatabase, public actionSheetCtrl: ActionSheetController) { 
    this.itemsRef = af.list('/items'); 
    this.items = this.itemsRef.valueChanges(); 
    } 

そしてセクションを追加更新してください、

addItem(){ 
    let prompt = this.alertCtrl.create({ 
    title: 'Name', 
    message: "", 
    inputs: [ 
     { 
     name: 'title', 
     placeholder: 'Name' 
     }, 
    ], 
    buttons: [ 
     { 
     text: 'Cancel', 
     handler: data => { 
     } 
     }, 
     { 
     text: 'Save', 
     handler: data => { 
      this.itemsRef.push({ 
      title: data.title 
      }); 
     } 
     } 
    ] 
    }); 
    prompt.present(); 
} 

私はこのangularfire2 guideいくつかの続きを読むすることをお勧めいたします。がんばろう。