Question

我不太懂英语，所以我使用翻译器，可能会有错误（（

我学习AngularFire2并在此时遇到问题（五分之四）： https://github.com/angular/angularfire2/blob/master/docs/4-querying-lists.md

如果我们向下滚动，我们就可以了解制作此应用的原因。

通过按下按钮（例如小）脚本进入项目并检查item1，item2，item3，如果项目（1,2,3）中的任何一个很小，它将获取其文本并显示它。 / p>

（问题是什么）以及如何在不给出确切值的情况下强制执行整个数据库检查item1 / 2/3

这太过分了： https://hsto.org/files/0a5/d13/4ba/0a5d134ba32440dcb0bd5a2f90c37c86.png

我的代码：

import { Component } from '@angular/core';
import { AngularFire, FirebaseListObservable, FirebaseObjectObservable } from 'angularfire2';
import { Subject } from 'rxjs/Subject';

@Component({
  selector: 'app-root',
  template: `
  <ul>
    <li *ngFor="let item of items | async">
      {{ item.text }}
    </li>
  </ul>
  <div>
    <h4>Filter by size</h4>
    <button (click)="filterBy('small')">Small</button>
    <button (click)="filterBy('medium')">Medium</button>
    <button (click)="filterBy('large')">Large</button>
  </div>
  `,
})
export class AppComponent {
  items: FirebaseListObservable<any[]>;
  sizeSubject: Subject<any>;

  constructor(af: AngularFire) {
    this.sizeSubject = new Subject();
    this.items = af.database.list('/items', {
      query: {
        orderByChild: 'size',
        equalTo: this.sizeSubject
      }
    });
  }
  filterBy(size: string) {
    this.sizeSubject.next(size); 
  }
}

如何整理所有数据库并找到正确的值？ AngularFIRE2

0 个答案: