angular - sortでng2-dragulaとfirebaseを実装する方法

Question

テーブル番号を持つ名前を表示しようとしていますが、それらは tableNumber でソートされています。

私のデータは次のようになります。

私のコードは次のとおりです。

@Component({
  selector: 'dropAndDrag',
  template: `
<ul>
 <li *ngFor="let item of (items|async)" [dragula]='"bag-one"' [dragulaModel]='(items|async)'></li>
</ul>

`
})
export class SortTableComponent {
  items: any;
  constructor(public service: SmartTablesService) {
    this.items=this.service.getData();
  }
}

問題は、テーブル番号でグループ化して表示する方法です。 this.items はオブジェクトの配列であるため、テンプレート ng も item.name のような name プロパティを取得するように変更する必要があります。