Николай

Зачем в принципе watchCollection? У вас же там ng-model? Используйте ng-change. Ну и всякие удобные плюшки для работы с формами, благо у ангуляра с этим всё хорошо.
Ну и проблема не в watchCollection, я вот тут накидал минимальный вариант - всё работает:
plnkr.co/edit/YOaCVdKyav5Q9OuXxY8B?p=preview

Вроде в object.properties должно быть.

Насколько я понимаю - только на 2 контейнера побить
https://jsfiddle.net/bgd8khcq/4/

При сборке добавлять номер версии/хеш в имена файлов.

Попробуйте поставить track by в ng-repeat.
Ну и нужно больше информации, например часть кода, которая обновляет модели.

У яндекса же есть такая штука:
https://yandex.ru/support/webmaster/authored-texts...
Вполне себе рабочая.

Для интернет магазинов есть уже много готовых CMS/шаблонов с готовыми админками, учетами всего чего душе угодно и прочего. Написание своего функционала дублирующего данный - довольно трудоёмкая задача, которая не даст реального профита.
Так что причины чисто финансовые, технических проблем нет.

Ну, вам нужно сделать 2 "как-бы базовых стейта".
т.е.

$stateProvider.state('base.authorized.%state_name%);
$stateProvider.state("base.unauthorized.%state_name%);

base.authorized и base.unauthorized и будут вашими шаблонами.
Все остальные стейты - дети этих стейтов.

Ну как бы если у вас SPA - вы делаете сервис и храните в нём ваши данные. Всё будет жить на протяжении всего сеанса. Т.е. 1 раз загрузили и дальше пользуемся пока не релоаднули страницу или ещё что. Грузить можно тогда, когда первый раз требуется.

Если использовать контейнерный движок ( см. Docker) - то разницы особо нет. На работе сижу в ubuntu, дома windows 7. Все проекты ( и рабочие и домашние исключительно в докере) поэтому проблем с чем либо не возникает.
Да, пока есть некоторые проблемы с самим docker под винду, но по мануалам за 1-2 часа всё настраивается и больше не беспокоит.
В качестве IDE использую Sublime, поэтому проблем на windows/ubuntu опять же нет.
Кстати совсем забыл: очевидный плюс винды - фотошоп/иллюстратор не под виртуалкой.

Один раз разобравшись слезать не захочется никогда ( в обозримом будущем).
Конфиги для сервисов не придется менять сильно, в основном только места роутинга( но такие места и найти легко, и их не так уж много). А дальше уже вопрос в том, куда перелезать будете.

Учитесь пользоваться консолью:
Обычный стиль:

left: 50%;
right: 50%;
content: "";
position: absolute;
top: 0;
bottom: 0;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transition: all 200ms ease-out;
transition: all 200ms ease-out;
opacity: 0;

При ховере:

left: 0;
right: 0;
width: auto;
opacity: 1;

Обычно все такие штуки вешаются на :before/:after элементы, в веб инспекторе можно при помощи клика на элементе триггерить события типа "hover" и очень легко найти как что-то сделано.

display: flex позволяет конечно такое сделать, но таблицу тогда по столбцам придется верстать.
https://plnkr.co/edit/zoVXXAGbug6bIdP22qLl?p=preview

Fancybox - довольно популярная штука: fancyapps.com/fancybox
Довольно много возможностей

Чтобы не связывать можно ещё делать вот так:

<label>
    label text 
    <input type='any'/>
</label>

Стоит ставить привязки хотя бы ради удобства. Особенно это актуально для чекбоксов.