Как правильно работать с моделью, в которой присутствуют вложенные модели?

Question

[eldarkaa]

Проект простой: С МК (МикроКонтроллера) приходят данные на веб-сервер. Дальше пользователь может обратиться к веб-серверу и получить данные, произвести манипулирование с ними.
С Backbone.JS и JavaScript я очень мало знаком, но уже посмотрел не мало видео гайдов, которые так и не помогли мне решить проблему. Насколько я понял в Backbone избегают вложенных моделей.
Я сначала попытался реализовать вариант 1 (рис.1). JSON спускался с самого верха вниз. WaterSystem>Plants>Plant
Вышло неплохо, но при взаимодействии с каждым вью отображаются некорректные данные, в данном случае id (рис 3,4). Да и далее, в видео каждый раз делался упор на то, что фетчят коллекции отдельно.
Все идет к тому, что надо отделить WaterSystem и коллекцию Plants в отдельные сущности, то есть запрашивать для них JSON по отдельности. Чуть ли не для каждого Plant запрашивать JSON. Это показано в варианте 2 (рис 2).
----------------------------
Что же я хочу получить: 1 JSON обновляет все модели. При изменении вьюшки пользователем нормально редактируется модель и отсылается на сервер.
Вопрос. Помогите выбрать правильную структуру для вложенных моделей! И что я делаю неправильно?
Код тут: https://bitbucket.org/darkDesire/watersystemfront

Рисунок 1

Рисунок 2

Рисунок 3

Рисунок 4

Comments

[Максим Дунаевский]

Здравствуйте! Хороший вопрос! Я не пользуюсь Backbone, но на добровольных началах хотел бы сделать вам фронтэнд с использованием Angular Material. Вот пример того, что я могу: codepen.io/dunmaksim
Мой блог указан в личных данных.
Пишите на почту, если согласны: [e-mail]

Answer 1

[Константин Китманов]

Из коробки Backbonе, увы, не работает со вложенными моделями. Если у вас реально вложенные модели, то посмотрите Backbone-relational или Backbone.NestedTypes. Если можно обойтись вложенными свойствами, то Backbone-nested.