Вывод данных по фильтру при загрузке страницы используя angular4 + firebase?

Question

[konstantinov91]

Добрый день, задача такая в разных колонках необходимо вывести разные данные из firebase в зависимости от их 'size'
структура бд
items
-KhDCDkRWYO7Kwgo85XI
size: "small"
text: "Первый текст"
-KhDCG6i4eS8VrUrgu4Z
size: "medium"
text: "Второй текст"

html фаил
ul
li class="text" *ngFor="let item of items | async"

{{item.text}}
/li
/ul
и компонент
items: FirebaseListObservable;
item: FirebaseObjectObservable;
sizeSubject: Subject;

constructor(private http: TransferHttp, 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);
}

Как мне вывести в ngFor все элементы с 'size' = 'small' например. Закомментированные строки помогают организовать фильтр при клике, но изначально тогда не выводит ничего
Заранее спасибо всем большое