Passing dynamic url value to angular js controller

Question

I want to pass url parameter $id is dynamic value to Angularjs controller

My Angularjs:

$http.get('/todos/show/'+$id).success(function(data) {
  $scope.customers = data;
});

My Route in laravel

Route::get('todos/show/{id?}', function($id = null)
{
  $users = DB::table('customers')->where('id', $id)->get();
  return json_encode($users);
});

Can someone help me with these.

Consider `$http.post` instead. Or try using [`params`](https://stackoverflow.com/a/13760360/8495123) with a different syntax — Aleksey Solovey, Jan 04 '18 at 16:40
By default laravel returns as json in an API request, so there is no need for the json encode. — Patrick, Jan 04 '18 at 17:40

Gabriel Tadra Mainginski · Answer 1 · 2018-01-04T17:16:21.063

0

===Maybe I've got it wrong. See the correct answer at the end.===

First of all, you need setup your routerProvider: https://www.w3schools.com/angular/angular_routing.asp

After, you can set a route like this:

app.config(function($routeProvider) {
    $routeProvider.when("/todos/show/:id", {
        //your content here like example of w3schools
    })
});

Or

app.config(function($routeProvider) {
    $routeProvider.when("/todos/show/:id?", {
        //your content here like example of w3schools
    })
});

If id is an optional field.

Now, you need pass $routeParams to your controller, and you can get route data:

var myApp = angular.module('myApp',[]);

myApp.controller('Controller', ['$scope', '$routeParams', function($scope, $routeParams) {
  console.log($routeParams.id)
}]);

===Correct answer===

Use post! Angular:

$http.post('/todos/show', {id: $id}).success(function(data) {
  $scope.customers = data;
});

Laravel:

Route::post('todos/show', function(Request $request)
{
  $users = DB::table('customers')->where('id', $request->input('id'/*, 'optional default value'*/))->get();
  return json_encode($users);
});

edited Jan 04 '18 at 17:16

answered Jan 04 '18 at 16:47

Gabriel Tadra Mainginski

184
1
8

I didn't get it – The Rock Jan 04 '18 at 16:51
@TheRock he described how to pull the **id** from your URL. For example `https://website.com/#!/todos/show/21` will make `$routeParams.id` equal to `21` so then you can use it elsewhere, like send it through `$http` service – Aleksey Solovey Jan 04 '18 at 16:55
You mean i must change my angularjs controller to your script right? – The Rock Jan 04 '18 at 16:56
Exactly, but you can adapt it. I can't imagine how your controller can be different from this. haha – Gabriel Tadra Mainginski Jan 04 '18 at 17:02
@GabrielTadraMainginski So you mean i use $routeParams insted of $http.get – The Rock Jan 04 '18 at 17:09
Maybe I've got it wrong. See the correct answer at the end. – Gabriel Tadra Mainginski Jan 04 '18 at 17:16

Passing dynamic url value to angular js controller

1 Answers1