Firebase 动态查询使用条码扫描器（Ionic 3 和 Angularfire2）的结果

Question

我有一个案例，我需要动态地检索特定书籍的结果。我想通过使用它的 ISBN 编号（下面以粗体突出显示）来检索该特定图书。这就是我的数据库的样子：

{
  "results" : 
  {
    "key1" : {
      "Character_Depth" : 4,
      "Dialogue" : 4,
      "Plot" : 5,
      "Theme" : 3,
      "Writing_Style" : 3,
      "bookName" : "Ionic",
      "isbnNumber" : "0123456789012"
    },
    "key2" : {
      "Character_Depth" : 4,
      "Dialogue" : 4,
      "Plot" : 4,
      "Theme" : 2,
      "Writing_Style" : 4,
      "bookName" : "Justin",
      "isbnNumber" : "036000291452"
    }
  }
}

在我深入研究代码之前，这里有一些我认为您需要了解的重要信息。我要专门做的是使用条形码扫描仪来扫描一本书的 ISBN 号。然后我想使用扫描的 ISBN 号从该数据库中动态检索结果。话虽如此，我需要以这样一种方式设计我的代码，即条形码扫描仪变量每次（每次扫描）都会更新为新的条形码编号（已经完成）。然后将该条形码编号输入到查询中（我仍然无法开始工作，是我需要帮助的），它根据该查询检索子节点号码。

我的代码：

import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams, AlertController } from 'ionic-angular';
import { BarcodeScanner, BarcodeScannerOptions } from '@ionic-native/barcode-scanner';
import { AngularFireAuth } from 'angularfire2/auth';
import { AngularFireDatabase, AngularFireList } from 'angularfire2/database';
import { HomePage } from '../home/home';
import { Observable } from 'rxjs/Observable';

@IonicPage()
@Component({
  selector: 'page-login',
  templateUrl: 'login.html',
})
export class LoginPage {

  bookResults: Observable<any[]>;
  options: BarcodeScannerOptions;
  results: {};
  constructor(public navCtrl: NavController, 
              public navParams: NavParams, 
              private fire: AngularFireAuth, 
              private database: AngularFireDatabase, 
              private barcodeScanner: BarcodeScanner, 
              private alertCtrl: AlertController) {

/* ########## part of the code where I specifically need help ########## */
        this.bookResults = this.database.list('results').valueChanges();
  }

/* ########### Barcode scanner function */
  async Scan(){
    this.results = await this.barcodeScanner.scan();
    console.log(this.results);
  }

}

现在，"this.bookResults = this.database.list('results').valueChanges();" 检索到上述数据库。但是，我需要一些关于如何更改查询的指导，以便我可以根据每个子节点的“isbnNumber”实例检索特定的子节点。

我已经尝试了几件事。最近我尝试过：

 this.bookResults = this.database.list('/results', {
 query: {
    orderByChild: isbnNumber,
    equalTo: this.results,
    }
 });

但这没有用。我尝试过其他方法，例如：

 this.bookResults = 
 this.database.list('/results/${this.results}').valueChanges();

但它也没有奏效。

我已经阅读了各种 stackoverflow 线程，所以如果这被标记为重复，我不会感到惊讶。我尝试按照各种线程的说明进行操作，但我觉得从数据库中检索信息的方式并不特别适用于我目前的情况，因为这些值用于检索硬编码到查询中的特定子节点。我需要一个动态变化的查询，它会根据条形码扫描仪的结果自行调整）。

如果这篇文章有任何不清楚的地方，请告诉我，我非常乐意提供帮助。另外，如果您有兴趣查看源代码，这里是包含它的我的 github 存储库的链接：

https://github.com/islamaymansais/honey_scanner （转到 src -> pages -> login -> login.ts）

感谢您花时间阅读这篇长文。我是初学者，我已经浏览了很多帖子，但不幸的是，由于我缺乏使用 ionic 的经验，我无法应用适当的更改。

Answer 1

根据 Angular firebase 库的自述说明，以下内容应该可以工作：

constructor(public navCtrl: NavController, 
          public navParams: NavParams, 
          private fire: AngularFireAuth, 
          private database: AngularFireDatabase, 
          private barcodeScanner: BarcodeScanner, 
          private alertCtrl: AlertController) {
   this.getData();
}


async function Scan(){
   this.results = await this.barcodeScanner.scan();
   console.log(this.results);
   this.getData();
 }

this.getData = () => {
  var scanned_Barcode_Text = "";
  if (Object.keys(this.results).length > 0){
     if(typeof this.results['text'] != 'undefined' && this.results['text'] != ""){
      scanned_Barcode_Text = this.results['text'];
     }
   }


  this.bookResults = this.database.list('/results', 
        ref => (scanned_Barcode_Text != "") ? ref.orderByChild('isbnNumber').equalTo(scanned_Barcode_Text) : ref
  ).snapshotChanges();
}

在构造函数和条码扫描成功函数中调用getData()函数。

orderBy 和 equal to 查询只能在作为 AngularFireDatabase 对象的第二个参数（可选）的引用对象上调用。用法类似于Array.prototype的reduce函数。

希望这会有所帮助。

Answer 2

试试这个。

let booksRef = this.firebase.database().ref("results/");
booksRef.orderByChild("isbnNumber").equalTo(scannedBarCode).on("child_added", function(data) {
   console.log(data.val());
   this.bookResults = data.val();
});

我认为您已经获得了条形码值并将其保存在变量 scannerBarCode 中。

旁注：在我看来，由于您是在 ISBN 上查询数据库，因此您应该使用它而不是 key。它会让事情变得简单。还可以尝试具有更好查询功能的新 Cloud Firestore。