Маршрутизация в Angularjs

Главная » Видеоуроки » JavaScript » Маршрутизация в Angularjs

В этому уроке мы закончим изучение базовых принципов фреймворка angular. Сегодня мы разберем маршрутизацию.

Маршрутизация в angular позволяет создавать «эффект многостраничного приложения» в single page angular приложениях.
Для органзации маршрутизации вам нужно подключить модуль angular-route.js. Не забудьте добавить его в заивисомости при инициализации приложения.
Также в представлении вам нужно добавить элемент с директивой ng-view, внутри которой будут отрисовываться представления, исходя из условий.
О каких условиях идет речь? Речь идет о маршрутах, которые будут доступны в приложении после их конфигурации. Для конфигурации angular предоставляет объект $routeProvder, у которого есть различные свойства и и методы.
Мы рассмотрим самые важные из них:
.when(url, object) — первым параметром является сам урл, вторым объект. В примере у этих объектов мы отмечаем два свойства — адрес шаблона представления и контроллер (этот параметр необязателен).
.otherwise(url) — представление по умолчанию (если маршрута нет среди описанных в объекте $routeProvider, будет показано отображение по умолчанию).
В представлении списка игроков я добавил ссылку формата

{{player.name}}

.
Замечу еще раз, что представления — это обычные фрагменты html кода.

Подписаться на рассылку

Будьте в курсе - получайте последние статьи на свой email

Ваша подписка успешно оформлена

Pin It on Pinterest

Share This