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

@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.