Маршрутизация в AngularJs?

Question

[Сергей Ганжела]

Добрый день жители форума! Если можно обьсните как поступить! Есть страничка типа лендинга т.е по мере движения скрола появляются инфа сейчас эт все работает за счет одного запроса на сторону бакэнда и (Django) ну не в этом суть там может и другое стоять.Ворос вот в чём хотелось бы организавать с помощью angularjs(пока 1.1.х) но чёт встал в ступор организовать это тоже одним запросом или или на каждую секцию отдельный запросик и как заставить чтоб все эти запросы отработали сразу при обращение к гавному url /, если одни запросом это мало чем отличается от обычного вывода с помощью шаблонизатора бакэнда. Вообщем все свелось к тому как сказать ангулару чтоб он при обращение к главному урлу сделал и все остальный запросы?
За ранее благодарен!

Comments

[Владимир]

Если это одностраничник, непонятно зачем там вообще ангуляр ?
И что такое "маршрутизация" применительно к одностраничнику ?

[Владимир]

По теме. Пройдите туториал https://docs.angularjs.org/tutorial
И Прочитайте документацию https://docs.angularjs.org/guide ее там немного

Возможно текущие вопросы отпадут сами собой.

[Сергей Ганжела]

Владимир: Владимир ну вообщем есть портфолио организовано на примере одностраничника все инфа на сторону фронтенда отдается через REST, сайт сверстан на примере лендинга много секций и данные появляются по мере движения скрола в нескольких секциях будет динамически подгружаться данные не хотелось дергать весь контент можно кончно типа ajax-ом дергать именно те секции которые нужны ну захотелось angularom:)
2. Маршрутизация имелось ввиду что есть деректива ngRuote она работает при нажатие на ссылку и дергает сервак а хотелось бы чтоб было / , /#service, /#portfolio и т.д и чтоб при попытке вызвать / все остальное тоже отрабатывало и вытягывало данные с сервака ну как то так.

[Владимир]

Сергей Ганжела: Второй абзац вообще не понял. Это одностраничник или все таки есть страницы /#service, /#portfolio ?

[Владимир]

Сергей Ганжела: Еще раз, прочитайте документацию, полностью, там немного.

[Владимир]

Сергей Ганжела: Вот тут есть примеры, как Ангуляр получает данные, но к роутам это отношения не имеет

https://docs.angularjs.org/api/ngResource/service/...

[Сергей Ганжела]

Владимир: Владимир поробую сформулировать по другому в html документе 9 секций возможно ли организовать так чтоб у каждой секции был отдельный адрес но все они запрашивались одновременно с главным? так удобней на стороне сервера вьюшки организовать!
Спс за ответ

[Владимир]

Сергей Ганжела: Можно.
Получение данных и их отображение в Ангуляре никак не связаны между собой.

Answer 1

[Николай]

Есть несколько вариантов в зависимости от того, когда вы хотите получить данные:
1. использовать route.resolve, при помощи этого можно дождаться пока все данные загрузятся.
2. показывать какие-то прелоадеры и отправлять запрос непосредственно в тот момент, когда уже доскролили до этого блока, для этого лучше страницу разбить на компоненты, и логику загрузки можно разнести по компонентам.

p.s. если у вас ещё ничего не написано на ангуляре - то возьмите последнюю версию (1.6.x). Версии 1.1 много лет и она давно не поддерживается.

Comments

[Сергей Ганжела]

Николай Спс конечно имел я имел ввиду 1.6 пальцы запутались:) в лендинге есть несколько вариантов но если данные запрашивать по мере движения скролом не получитсяли так что данные с сервера не успеют прийти и пользователь получит пустой экран? есть навигация по странице при нажатие на к примеру переходит по id в секцию и это быстро милисикунды доже есть опасность что получим пустую страницу наверно:( я так думаю наверно все таки лучше получить все сразу но как бы не в одном потоке а на кадую секцию свой запросю
Спс за ответ!

[Николай]

Сергей Ганжела: ну тут вы должны для себя решить - что лучше. Всё очень зависит от объема контента и многих факторов. В любом случае пользователю нужно показать preloader. В одном случае - один при загрузке страницы. В другом случае - в каждом блоке с подгружаемым контентом должен быть какой-то прелоадер. Выбирать уже вам : )

[Сергей Ганжела]

Спс буду дальше ковыряться!

Answer 2

[_ _]

Лэндинг и получение данных ангуляром? Помашите ручкой поисковой оптимизации

Comments

[Сергей Ганжела]

Ятак понимаю к нам присоеденился SEO:) Александ я прекрасно Вас понял но мы же обсуждали страничку типа лендинга и не вся часть будет динамической да и вообще близко не стояла с продающим лендингом!так что в этом варианте не сильно повредит для поисковиков!