Есть проблема. При внесении изменений в данные компонент не перерисовывается.
Данные:
[
{
"id": 55,
"name": "Интерфейс",
"type": "section",
"children": [
{
"id": 56,
"parent_id": 55,
"name": "01. Максимальная ширина диалога",
"type": "string",
"value": "600"
},
{
"id": 57,
"parent_id": 55,
"name": "02. Максимальная высота диалога",
"type": "string",
"value": "800"
}
]
},
{
"id": 2,
"name": "Общие настройки приложения",
"type": "section",
"children": [
{
"id": 47,
"parent_id": 2,
"name": "01. Титул в названиии сайта",
"type": "string",
"value": "Академия ДТЭК"
},
{
"id": 52,
"parent_id": 2,
"name": "02. Адрес smtp сервера",
"type": "string",
"value": "smtp.dtek.com"
}
]
}
]
Все это выводится в виде mat-expansion-panel и может редактироваться.
Верхний уровень это рубрики, а все что в children, это содержимое expansion-panel. Если редактировать верхний уровень, то изменения отображаются корректно. Но если отредактировать дочерний элемент, то ангуляр не видит изменений и, соответственно, компонент не перерисовывает. Я ставил отлов события ngOnChanges и судя по ним изменений никто не видит. При этом, вывод в консоль говорит о том, что данные изменились.
От большой печали после внесения изменений в переменную данных, поставил detectChanges() но это результатов не дало.
Как заставить приложение принудительно перерисовать компонент?
