我可以将连接的字符串连接到 AngularFire 的查询中吗？

Question

我正在尝试在具有 Angular 8 的网站上创建一个动态搜索表单，用户可以在其中使用不同的下拉菜单来选择要在 Firestore 中搜索的内容。根据不同的选择，我有一个函数可以生成一个与查询具有相同形式的字符串，尽管它是一个字符串。但是我不知道如何像我想的那样将它与 valueChanges() 一起使用，因为它仍然是一个字符串。这可能吗？

我想这不是一种非常优雅（如果可能的话）的动态查询方式，但如果可能的话，我认为这会为我节省宝贵的时间。（我还看到了如何使用 BehaviourSubjects 和 switchMap 制作过滤器，所以我想这是另一种（更好的？）方法，如果这不起作用。）

async getRealTimeData(value) {
  this.query = await this.makeQuery(value);
  this.data = this.query.valueChanges();
}

async makeQuery(value) {
  var collection: string;
  switch (value.collection) {
    case 'X':
      collection = 'X';
      this.queryString = ".where('datetime', '>=', '2020-01-15T09:51:00.000Z')";
      break;
    case 'Y':
      collection = 'Y';
      this.queryString = ".orderBy('ID', 'asc')";
      break;
  }

  // If Z chosen, add to search string 
  if (value.Z) {
    this.queryString = this.queryString.concat(".where('Z', '==', value.Z)");
  }
  // If not viewAllUser, add list of permitted
  else if (this.authService.viewAllUser == false) {
    this.queryString = this.queryString.concat(".where('ID', 'in', this.permitted");
  }
  this.queryString = this.queryString.concat(".orderBy('datetime', 'desc')");
  // If realtime, add limit to search string
  // (If download: no limit)
  if (this.searchType == "realtime") {
    this.queryString = this.queryString.concat('.limit(100)');
  }

  this.query = this.query.concat(this.queryString).concat(')');
  console.log('Query: ',this.query);

  return this.query;
}

Answer 1

您将希望停止使用字符串来定义查询。要将字符串转换为可执行代码，您必须 eval() 是，这在许多环境中都不是安全操作。但这也不是必需的，因为您也可以使用类似的模式来构建查询。

async makeQuery(value) {
  switch (value.collection) {
    case 'X':
      this.query = this.query.where('datetime', '>=', '2020-01-15T09:51:00.000Z');
      break;
    case 'Y':
      this.query = this.query.orderBy('ID', 'asc');
      break;
  }

  // If Z chosen, add to query
  if (value.Z) {
    this.query = this.query.where('Z', '==', value.Z);
  }
  // If not viewAllUser, add list of permitted
  else if (this.authService.viewAllUser == false) {
    this.query = this.query.where('ID', 'in', this.permitted);
  }
  this.query = this.query.orderBy('datetime', 'desc');
  // If realtime, add limit to search string
  // (If download: no limit)
  if (this.searchType == "realtime") {
    this.query = this.query.limit(100);
  }

  return this.query;
}

您会发现代码仍然与您的非常相似，但现在构建的是实际查询，而不是连接字符串。

我可以将连接的字符串连接到 AngularFire 的查询中吗？

Can I make a concatenated string into a query for AngularFire?

querying

typescript

angularfire

angular

google-cloud-firestore