AngularJS $http.get Parameter

Question

I have a simple code here and got stuck in passing the parameter. Here is the code:

route.js

function config($routeProvider) {
    $routeProvider
    .when('/edit/:id', {
        controller: 'UpdateTodoCtrl',
        templateUrl: 'app/views/edit-todo.html'
    });
}

index.html

<div ng-controller="SomeOtherCtrl">
<table>
<tr ng-repeat="t in todos">
<a href="#/edit/{{ t.id }}">{{ t.name }}</a>
</tr>
</table>
</div

Controller

function UpdateTodoCtrl($http, $scope) {

    function init() {
        $scope.todos = null;
        $scope.loading = true;

        $http.get('app/endpoints/edit-todo.php', {
            params: { todoId:  //how to get the id paramter }
        });
    }

}

As you can ee in the controller, I commented out the part of my problem. How can I possibly pass the id in my url using $http.get? Thank you.

c4k · Accepted Answer · 2015-09-30 01:17:21Z

2

Your :id is a route parameter so you can do like this :

function UpdateTodoCtrl($http, $scope, $routeParams) {

    function init() {
        $scope.todos = null;
        $scope.loading = true;

        $http.get('app/endpoints/edit-todo.php', {
            params: { todoId: $routeParams.id }
        });
    }

}

answered Sep 30, 2015 at 1:17

c4k

4,5965 gold badges44 silver badges74 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

wobsoriano Over a year ago

Oh my God I forget about this. Thank you.

c4k Over a year ago

Don't forget to accept the answer if it solves your problem ;)

Collectives™ on Stack Overflow

AngularJS $http.get Parameter

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related