Угловая 2 Обнаружение изменений задерживается на несколько секунд с помощью массивов и @ Входов

Question

Я знаю, что есть тонна информации об обнаружении изменений в Angular 2, и я прилагаю все усилия, чтобы обернуть вокруг себя голову. Я думал, что мои проблемы могут иметь какое-то отношение к свойствам изменчивости Array, но я не уверен. Таким образом, у нас есть эти «ведра», входящие в Firebase, и я нажимаю их в массив, который затем передается в дочерний компонент. Все это работает, и массив заполняется довольно быстро, но для его отображения на странице требуется несколько секунд. (Однако, когда я пытаюсь добавить несколько setIntervals и setTimeouts, он работает намного быстрее, но я бы предпочел не делать этого взлома, если не будет такого чистого решения.) Кто-нибудь понимает, что происходит за кулисами достаточно хорошо, чтобы объясните мне это просто и помогите мне? Благодаря!

import { Component } from '@angular/core'; 
import { BucketService } from '../../services'; 

@Component({ 
    selector: 'home-page', 
    template: ` 
    <header [title]="'Buckets'"></header> 
    <bucketlist [buckets]="buckets"></bucketlist> 
    `, 
    styleUrls: ['./home.page.scss'] 
}) 
export class HomePage { 
    buckets: Array<any> = []; 
    constructor(public bks: BucketService) { 
    bks.subscribe(bucket => { 
     console.log('bucket pushed: ', bucket); 
     this.buckets.push(bucket); 
    }); 
    } 
} 

Answer 1

См Решение # 2 здесь: angular2 firebase realtime updating not working

«Проще говоря определение внутри класса angular2, а не снаружи, и все начали работать, как я предполагал initialy.»