AngularJS только для одностраничных приложений (SPA)?

Я боролся с "как" сначала с помощью Angular. Тогда однажды меня рассвело: "Это STILL javascript". Существует множество примеров на всех уровнях Angular (один из моих фаворитов вместе с книгой https://github.com/angular-app/angular-app). Самое важное, что нужно помнить, - загрузить файлы js так же, как в любом другом проекте. Все, что вам нужно сделать, это убедиться, что разные страницы ссылаются на правильный объект Angular (контроллер, просмотр и т.д.), И вы отключены и запущены. Надеюсь, это имеет смысл, но ответ был настолько прост, что я не обратил на это внимания.

Может быть, мой опыт будет полезен кому-то. Мы логически разделили наш проект. Один SPA, который мы используем для фида, еще один для работы с картой, другой для редактирования профиля пользователя и т.д. Например, у нас есть три приложения: фид, пользователь и карта. Я использую его в разделенных URL-адресах, например:

https://host/feed/#/top/
https://host/user/#/edit/1/
https://host/map/favorites/#/add/

Каждое из этих приложений имеет собственные локальные сопоставления маршрутизации между состояниями приложения. Я считаю, что это хорошая практика, потому что каждое приложение работает только с собственным контекстом и зависимостями загрузки, которые ему действительно нужны. Кроме того, он отлично подходит для процессов отладки и интеграции.

В самом деле, вы можете очень легко создать сочетание приложений SPA, например, канал будет url с приложением angularjs, пользовательским приложением с реакцией и отобразит приложение backbone.js.

В ответ на ваш вопрос:

Angular не только для SPA, Angular играют хорошо и быстро для SPA-приложений, но никто не беспокоится о создании приложения MPA из множества SPA-приложений. Но, думая о вашей архитектуре url, не забывайте о доступности своих приложений для SEO.

Я также поддерживаю идею:

В чем разница между проектом и приложением? Приложение - это веб-приложение приложение, которое что-то делает, например, систему Weblog, базу данных публичные записи или простое приложение опроса. Проект представляет собой конфигурации и приложений для определенного веб-сайта. Проект может содержать несколько приложений. Приложение может быть в нескольких проектах.

Если вам нужно всего несколько страниц с привязкой данных клиентов, я бы пошел с Knockout и Javascript Namespacing.

Нокаутом отлично, особенно если вам нужна несложная обратная совместимость и есть довольно прямые страницы вперед. Если вы используете сторонние компоненты, пользовательские привязки Knockout просты и удобны в работе.

Javascript namespacing позволяет вам сохранять свой код раздельным и управляемым.

var myCo = myCo || {};
myCo.page = {
    init: function(){ ... },
    ...
}

И в теге script после загрузки других скриптов

<script>
    myCo.init();
</script>

Ключ в том, что вы используете любой инструмент, который вам нужен, когда вам это нужно. Нужна привязка данных? Нокаут (или все, что вам нравится). Нужна маршрутизация? sammy.js(или что вам угодно).

Клиентский код может быть таким же простым или сложным, как вы этого хотите. Я попытался интегрировать Angular в очень сложный сайт с существующей собственной структурой, и это был кошмар. Angular отлично, если вы начинаете свежие, но у него есть кривая обучения и блокирует вас в очень трудный рабочий процесс. Если вы не будете следовать этому, ваш код может действительно запутаться очень быстро.

Я бы сказал, что Angular переполнен, если вы просто хотите создать SPA. Конечно, если вам уже удобно развиваться, продолжайте. Но если вы новичок в этой области и только нужно разработать SPA, я бы пошел с чем-то более простым с рядом своих собственных привилегий. Я рекомендую посмотреть Vue.js или Aurelia.io.

Vue.js использует двустороннюю привязку данных, MVVM, многоразовые компоненты, простую и быструю запись, меньше кода для записи и т.д. Он сочетает в себе одни из лучших функций Angular и React.

Aurelia.io, честно говоря, я мало что знаю. Но я заглянул, и, похоже, альтернатива стоит посмотреть, как показано выше.

Ссылки:
https://vuejs.org/
http://aurelia.io/