У меня есть компонент, который получает большой вложенный объект из запроса http. В моем классе компонентов я объявляю сотни переменных, которые экстраполируют данные из этого объекта, и эти свойства затем интерполируются в его шаблоне.
Это привело к тому, что мой класс компонентов имел сотни строк кода просто из тех свойств, которые были объявлены и назначены. Было бы лучше просто использовать сам объект в шаблоне? Ниже приведен пример для демонстрации:
Допустим, у меня есть действительно большой и вложенный объект cuisines , поступающий из службы. При моем текущем подходе в классе компонентов я объявляю переменные для отдельных нужных мне свойств:
let italianBreakfast = cuisine.data.breakfast.italian;
let ...
let ...
let ...
Затем это интерполируется внутри шаблона: <div>{{italianBreakfast}}</div>
Моя пересмотренная стратегия состоит в том, чтобы просто использовать объект в шаблоне:
<div>{{cuisine.data.breakfast.italian}}</div>
При этом текст в фигурных скобках в моих шаблонах становится больше, но я бы выгода в том, что я больше не объявляю свойства для хранения значений объектов в моем классе компонентов, что приведет к сохранению сотен строк кода. Что было бы лучше, и есть ли лучшая практика в этом отношении?