データが表示されていません角度4

Question

私はfirebaseアプリケーションを開発しています。ビューのコードで今

constructor(private authService: AuthService, private db: 
     AngularFireDatabase) { 
     } 

     ngOnInit() { 
      this.getOrders(); 
    } 

    getOrders() { 
     this.db.list('/orders', { preserveSnapshot: true }) 
      .subscribe(snapshots => { 
      snapshots.forEach(snapshot => { 
       this.address = snapshot.val().address; 
       this.phone = snapshot.val().phone; 
       this.nombre = snapshot.val().nombre; 
       this.items = snapshot.val().items; 
       this.UID = snapshot.key; 

      this.servicios.push({ 
      key: this.UID, 
      address: this.address, 
      phone: this.phone, 
      nombre: this.nombre, 
      items: this.items, 
      UID: this.UID 
      }); 
     }); 
     }) 
    } 

：フェッチされたデータはDOMであるが、Liは、負荷に表示されていない、私はグーグルで検索しましたが、私はそれを把握することはできません、これは私のコードですループ

<ul *ngIf="servicios" class="orders"> 
    <li *ngFor="let servicio of servicios"> 
     <h4>Client: {{ servicio.nombre }}</h4> 
     <p>Dirección: {{ servicio.address }}</p> 
     <p>Teléfono: {{ servicio.phone }}</p> 
    </li> 
    </ul> 

データがDOMにありますが、画面には表示されません。

私はリロードする場合、それは表示されませんが、私はタブを変更した場合と、私に戻るデータが表示されている、申し訳ありませんが、愚かな質問ですが、私はそれを把握することはできません、事前にコミュニティに感謝します。

注：ブートストラップタブは、タブウィンドウたアクティブフェード、それはタブウィンドウのフェードでなければなりませんアクティブ

Answer 1

にあなたは、その長さ

<ul *ngIf="servicios.length > 0 " class="orders">