* ngFor в Angular 4 возвращает следующую ошибку в .shift (): Uncaught TypeError: Невозможно прочитать свойство 'destroy' из null

Question

Когда я удаляю первый элемент в моем массиве объектов, я получаю ошибку:

Uncaught TypeError: Невозможно прочитать свойство 'destroy', равное null.

Откуда это?

---

Моя HTML-страница:

<ion-list>
    <ion-item *ngFor="let s of this.lastScores">
        <ion-label>
            <ion-grid>
                <ion-row >
                    <ion-col size="3">
                        {{s.score}}
                    </ion-col>
                    <ion-col size="3">
                        {{s.totalScore}}
                    </ion-col>
                    <ion-col size="6">
                        <small>{{s.newText}}</small>
                    </ion-col>
                </ion-row>
            </ion-grid>
        </ion-label>
    </ion-item>

</ion-list>

Я добавляю предметы на фронт следующим образом:

this.lastScores.unshift({
    'score':      1,
    'newText':    'hello',
    'totalScore': 10,
})

И удалить их следующим образом:

this.lastScores.shift();
this.ref.detectChanges();

Я использую this.ref.detectChanges() из конструктора private ref: ChangeDetectorRef, так как функция вызывается после .subscribe и нужно обновить DOM.

Answer 1

просто используйте угловой канал среза <* ngFor = "let s of lastScores | slice: 0: 1"}} </p>