title: Bind dropdown value to paginations itemsPerPage Angular 4
body: <p>I've imported simple pagination on my page and want it to bind number of items per page to values of my dropdown list, how can I do that?</p>
  
  <p>Here's some code</p>
  
  <pre><code>     &lt;tr *ngFor="let a of animals | paginate: {itemsPerPage: 8, currentPage: 
    p}&gt;
              &lt;td&gt;{{a.name}}&lt;/td&gt;
              &lt;td&gt;{{a.color}}&lt;/td&gt; 
       &lt;/tr&gt;
  </code></pre>
  
  <p>And pagination controls </p>
  
  <pre><code>   &lt;pagination-controls (pageChange)="p = $event "&gt;&lt;/pagination-controls&gt;
  </code></pre>
  
  <p>I've added simple dropdown and want to bind value of selected dropdown to itemsPerPage, how can I do that?</p>
  
  <pre><code>  &lt;div class="col-md-offset-11"&gt;
          &lt;select id="PerPage" class="form-control"&gt;
              &lt;option value="5"&gt;5&lt;/option&gt;
              &lt;option value="10"&gt;10&lt;/option&gt;
              &lt;option value="25"&gt;25&lt;/option&gt;
          &lt;/select&gt;
      &lt;/div&gt;
  </code></pre>