Как удалить элементы вложенных объектов // ОШИБКА TypeError: "_v.context. $ Implicit is undefined"

Question

У меня есть список объектов, который отображается с помощью ngFor и ngSwitchCase. Добавление элементов к объектам, а также удаление самого объекта не является проблемой. Но если я попытаюсь удалить элементы, вложенные в объект, появится эта ошибка:

ОШИБКА TypeError: "_v.context. $ Implicit is undefined"

Объектыкажется / ушел, потому что информация не отображается, но дизайн / рендеринг div с ngFor испорчен. (Я использую Angular8.)

Вот уменьшенная версия моей проблемы: https://stackblitz.com/edit/angular-jjsvzh

В примере с Stackblitz я получаю еще одну ошибку, пытаясь сделать то же самое:

ОШИБКА TypeError: «this.articles [0] .content [boxId] не определен» *

Я просто не понимаю, почему при удалении объекта «delete» работает отлично, но в другое время это не так.

closeContentBox(boxId) {
    console.log('I close contentBoxes');
    delete this.articles[0].content[boxId];
  }

  removeItemBox(boxId, itemId) {
    console.log('I remove itemBoxes');
    delete this.articles[0].content[boxId].data.items[itemId];  
  }

может быть связано, но не помогло: неявный контекст не определен, угловой 7

Answer 1

попробуйте это:

 removeItemBox(boxId, itemId) {
// delete this.articles[0].content[boxId].data.texts[itemId];  
this.articles[0].content[boxId].data.texts.splice(itemId, 1);}  

также в html, измените первый аргумент следующим образом:

<div class="removeButton" (click)="removeItemBox(boxId, itemId)