Using AngularJS $routeparams with Laravel

Question

In using AngularJS on top of Laravel, assuming I have this route in Laravel:

Route::get('/admin/', function() { return View::make('pages.writer'); });

which makes a view that loads AngularJS components, including $routeProvider, and that the configuration is like so:

 $routeProvider.when('/writer/:publicationName?', {
   templateUrl: '/templates/writer.html',
   controller: 'WriterCtrl',
   caseInsensitiveMatch: true
 }).otherwise({
   templateUrl: '/templates/library.html',
   controller: 'LibraryCtrl'
 });

If I call the URL: /admin/writer/My-Favorite-Publication, I get a Laravel error because the route doesn't exist. Is there a way to tell Laravel when Angular routing takes over for a particular URL (i.e. anything after /admin/), so that I can use $routeParams.

I think by putting <base href="/admin"> on your html head tag will fix the issue — Pankaj Parkar
– Pankaj Parkar, Commented Aug 15, 2015 at 18:46
@PankajParkar I did that too! I should perhaps clarify that the URL is called directly, not via $location.path(). — greener
– greener, Commented Aug 15, 2015 at 18:47
@PankajParkar none of those will work. Before anything is returned to the browser or angularjs app it first needs to pass through Laravel and the application breaks at this stage before Angular app is executed — jedrzej.kurylo
– jedrzej.kurylo, Commented Aug 15, 2015 at 18:49

jedrzej.kurylo · Accepted Answer · 2015-08-15 18:47:41Z

2

You need to define a catch-all route that will return the base view that runs AngularJS app and let AngularJS handle the rest of the routing.

This will do the trick:

Route::get('/admin/{ignore?}', function() { 
  return View::make('pages.writer'); 
})->where('ignore', '.*');

This will make everything that starts with /admin match this Laravel route.

answered Aug 15, 2015 at 18:47

jedrzej.kurylo

41.1k10 gold badges108 silver badges112 bronze badges

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

Collectives™ on Stack Overflow

Using AngularJS $routeparams with Laravel

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related