lega

Попробуйте Angular Light

Её нужно добавить в $scope

Можете попробовать либу Angular Light, - биндинги да директивы без фабрик, модулей и пр. "шелухи".

Это нормально, даже на оф. сайте Ангуляра jQuery используется, главное нужно это делать правильно.

Можете попробовать Angular Light, там можно сделать независимые блоки/подпрограммы - похоже на то что вы хотите, так же там есть поддержка Object.observe если у вас проблема с dirty-checking (бенчмарк, habr)

Внутрь input "нельзя" поместить элементы, тут вам нужно подменить input шаблоном, на Angular Light можно сделать так.

В Angular Light есть удобный фильтр для этого:
<div al-repeat="i in 5 | generator"></div>в данном примере, в результате будет 5 элементов, вы можете для ng сделать аналог.

В каталоге в итоге массив лежит или нет?
$scope.catalogItems = [data.Items[0]];

это можно сделать и через jQuery.

Вот вам вопрос чтобы почувствовать: "Зачем вы используете Rails если тоже самое можно сделать и на asm или C? "

"Фреймворки" могут упростить, ускорить разработку. Попробуйте на jQuery сделать такой пример, обратите внимание что такие простые "задачи" можно делать вообще без использования JS-кода (т.е. шаблона достаточно).

Если вопрос "стоит ли изучать" - стоит (если вы делаете что-то серьезное на клиенте).

Не потеряется, код выполняется в одном потоке по очереди.

PS: так же можете глянуть на Angular Light если оригинал чем то не понравится.

Вариант на Angular Light

Если Angular.js не понравится, попробуйте Angular Light.

Тут описал небольшое сравнение Angular.js и Knockout.js.

Если ваш код не вызовет бесконечную рекурсию/циклы, то проблем не будет.
В отличие от $timeout, будет работать быстрее, т.к. с $timeout будет происходить +1 перерисовка, заново запускается $digest, ну и все это откладывается по времени. Хотя в большинстве случаев это все мелочи.

Если Angular.js не критичен, вот пример на Angular Light.

Можно поместить к ngsrc директиву-маяк которая будет отправлять информацию наверх.

Нет никакого ограничения.

Это просто цифра в вакууме - число $watch объектов при котором могло начать подтормаживать приложение средней солжности на старом компе (когда там этот подсчет делали...) и старой версии Angular.js

Последняя версия Angular.js ускорилась в разы, мощность компов выросла, у меня на среднем ноутбуке Angular.js "отмолачивает" 11M простых $watch объектов в секунду!

Тут есть ссылки на некоторые замеры.

Разделяйте проекты на сайты и веб-приложения (с последним думаю все понятно - одна страница, все в ней).

Но смущает, что поисковики не будут ничего видеть. Да и юзеру вроде как не комфортно, открыл страничку а там ничего, пока скрипты не отработали.

Считаю что с поисковиками проблем особо нет (phntomjs/prerenderio), а вот скорость загрузки - это существенно, поэтому я считаю что основной контент должен прилетать сразу с сервера, чтобы пользователь уже мог читать, а доп. функционал, всякие формы, кнопки, др. плюшки уже через клиентские фреймворки. Например VK, большая часть прилетает сразу, а остальное - поиск, подгрузка уже через js (хотя подгружаемые посты ренедрились на сервере).