Как отделить модели данных и модели локальных данных от углового?

Question

Надеюсь, я могу понять, что я имею в виду.

Предположим, у меня есть ресурс car. Автомобиль имеет атрибуты color, name или что угодно.

Я получаю список автомобилей, пользующихся услугами, что-то вроде cars.index().

Но в интерфейсе у меня есть все автомобили, и когда я нажимаю на один автомобиль, появляется небольшое всплывающее окно, отображающее входы для редактирования color и name.

И вот проблема. Где я могу сохранить атрибут displayingInputs?

1. Следует ли сохранять его непосредственно в ресурсе автомобиля, а затем просто отправлять исходные атрибуты при отправке на обновленный ресурс?

2. Должен ли я создать новую услугу под названием carWidget или что-то вдоль линий, что каждый из них имеет что-то вроде:

   { 
       car: cars.get(carId), 
       displayingInputs: false 
   } 
   

3. Должен ли я хранить displayingInputs внутри рамки с carWidget директивы? Что произойдет, если мне нужно изменить «displayInputs» из родительской области? (например, при создании кнопки «показать все»/«скрыть все»)

4. Что-то еще?

Мой лучший выбор # 3, но я не знаю, как я должен получить доступ к displayingInputs снаружи виджета.

Answer 1

Если вы хотите, чтобы ваша модель car была чистой, вы можете иметь отдельную переменную editedCar и отображать каждое всплывающее окно с ng-show="car == editedCar".

Если несколько автомобилей могут быть отредактированы одновременно, editedCars может быть ассоциативным массивом (идентификатор автомобиля = логический) и отображать всплывающие окна, используя ng-show="editedCars[car.id]".

Другой способ не отправлять определенные свойства автомобиля - это префикс их имени знаком $. Это было просто использование car.$displayingInputs. Будьте внимательны при столкновении имен, поскольку Angular использует этот префикс для хранения внутренних данных.

От angular.toJson doc:

Сериализует ввод в строку JSON-формат. Свойства с лидирующими $ символами будут разделены, поскольку угловая использует эту ноту внутренне.