Handling Angular and Ajax requests

In this recipe, we will build both the backend sections in Laravel to take an Angular request, and then respond back to Angular. We will output the information into the Angular frontend.

First, I will update the initial controller that lays out the page so that we can share both the initial layout and the response results layout instead of having one driven by Laravel and another driven by Angular.

Getting ready

See the previous recipe on setting up the request. In this section, we will just continue from there.

How to do it…

The following are the steps for handling Angular and Ajax requests:

1. I will install this https://github.com/laracasts/PHP-Vars-To-Js-Transformer library to begin with and use it in my Laravel controller:

   >composer require "Laracasts/utilities":"~2.0"
   

2. Then, I follow all the installation steps seen on their GitHub page:

   1. Run vendor publish, so I can alter the config file:

      >php artisan vendor:publish
      

   2. Alter the config file config/javascript...