Я получил длинный синтаксис, повторяющийся над data [areaId] .main.points . Поскольку данные связаны через [(ngModel)] , на мой взгляд, это выглядит ужасно. Примерно так.
<div *ngFor="let item of data[areaId].main.points; let index = index; let ..." ...>
<input [(ngModel)]="data[areaId].main.points[index].e" ... >
<input [(ngModel)]="data[areaId].main.points[index].n" ... >
...
</div>
Обычно, когда синтаксис становится уродливым, это явный признак того, что дизайн отстой и его следует упростить. Не всегда. Но в большинстве случаев. Поэтому мне интересно, есть ли синтаксис, устанавливающий data-main-points на что-то локально определенное и более короткое. Одним из вариантов может быть объявление вспомогательного поля в модели, сохраняющего только часть целых данных, и привязка к нему. Однако я чувствую, что есть лучший способ приблизиться к нему.
Как мне упростить выражение, чтобы итератор мог перечитать, а ngModel мог следить за его изменениями?