Data output by the filter when the page loads using angular4 + firebase?

Good afternoon, the problem is in the different columns need to display different data from firebase based on their 'size'
the structure of the database
items
-KhDCDkRWYO7Kwgo85XI
size: small
text: "First text"
-KhDCG6i4eS8VrUrgu4Z
size: medium
text: "Second text"

html file
ul
li class="text" *ngFor="let item of items | async"

{{item.text}}
/li
/ul
and component
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',
// with equalto: this.sizeSubject
// }
});
}
filterBy(size: string) {
this.sizeSubject.next(size);
}

How can I bring in ngFor all the elements from 'size' = 'small' example. Commented lines help to arrange the filter when you click, but it then displays nothing
In advance thank you very much
June 27th 19 at 15:01

Find more questions by tags AngularFirebase