Now we have a ton of results, 730, as seen in this request:
Since we cannot show all 730 at once, and since the API gives us 20 at a time, let's paginate through their APIs.
Install a library that helps with pagination and tons of other things:
>npm install angular-ui-bootstrap --save
Then, load the library into our public folder by copying it over to
public/js
andpublic/css
. Later, we will optimize this part of the workflow:Then into the top of
resources/views/layout.blade.php
:And at the bottom of the same file:
Now that we have loaded the libraries, let's use the Pagination buttons at the top and bottom of
resources/views/home/_angular_search_results.blade.php
:The Angular Controller now needs to consider this new API query string and data points: