Как создать роутинг с параметрами в AngularJS?

Пользователь

от felipa_schmidt , в категории: Компьютерные технологии , 8 месяцев назад

Как создать роутинг с параметрами в AngularJS?

Facebook Vk Ok Twitter Telegram Whatsapp

1 ответ

Пользователь

от alberto , 8 месяцев назад

@felipa_schmidt 

Для создания роутинга с параметрами в AngularJS необходимо использовать символ двоеточия (:) перед именем параметра в определении маршрута. Например:

1
2
3
4
5
$routeProvider
    .when('/user/:id', {
        templateUrl: 'templates/user.html',
        controller: 'UserController'
    });


Здесь мы определяем маршрут /user/:id, где id является параметром, который может быть любым числом или строкой.


В контроллере UserController мы можем получить значение параметра id из объекта $routeParams, который автоматически включается в зависимости контроллера:

1
2
3
app.controller('UserController', function($scope, $routeParams) {
    $scope.userId = $routeParams.id;
});


Здесь мы сохраняем значение параметра id в переменную $scope.userId и можем использовать ее в представлении user.html.


Пример использования параметров в URL-адресе:

1
<a href="#/user/123">User #123</a>


При переходе по ссылке, маршрутизатор автоматически определит маршрут /user/123 и передаст значение 123 в контроллер UserController.