title: Customize the paginator component of angular material according to my requirements
body: <p>In my application, there is a component in which populates the rows using angular material table.
  Since Server Side pagination is implemented and json response is given below.</p>
  
  <p><code>list</code> - object which contains table records.<br>
  <code>next</code>, <code>first</code>, <code>last</code>, <code>previous</code> - These object links which will give the next/first/previous/last page data. </p>
  
  <p>I need to assign the values of <code>next</code>, <code>first</code>, <code>last</code>, <code>previous</code> to angular material pagination buttons.</p>
  
  <p><a href="https://i.stack.imgur.com/LHPDX.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/LHPDX.png" alt="Material Pagination &lt;code&gt;showFirstLastButtons&lt;/code&gt;"></a></p>
  
  <p>Is there any way to customize the pagination buttons?
  Please provide me some suggestions.</p>
  
  <p>JSON response:</p>
  
  <pre><code>{  
  list: [],  
  totalRecords: 100,  
  message: "Patient search successfull",  
  next: "http://localhost:8084/findPatient/?page=2&amp;size=10&amp;patientId=&amp;patientFirstName=&amp;patientLastName=",  
  first: "http://localhost:8084/findPatient/?page=0&amp;size=10&amp;patientId=&amp;patientFirstName=&amp;patientLastName=",  
  last: "http://localhost:8084/findPatient/?page=9&amp;size=10&amp;patientId=&amp;patientFirstName=&amp;patientLastName=",  
  previous: "http://localhost:8084/findPatient/?page=0&amp;size=10&amp;patientId=&amp;patientFirstName=&amp;patientLastName=",  
  size: 10,  
  currentPage: 1
  }
  </code></pre>
  
  <p>Web Application built using Angular 7 and Spring Boot. Since I am new to Angular, I don't know create custom directive for pagination.</p>