Product List - How do I set it up so the end user can select how many products to show on a page?

How do I get so the end user can choose the number of items to display?

For example, a dropdown list of options (e.g. 5, 10, 25, etc) and when they choose one of those options, the number of products displayed match that number.

This is how I got it to work.
Not sure if there is a better way to set the list.pageSize apart from assigning the value to itself.
Thanks
<select name="numToDisplay" ng-change="list.pageSize = list.pageSize; list.rebindProducts()" ng-model="list.pageSize" class="form-control ng-pristine">
            <option value="32">Display</option>
            <option value="6">View 6</option>
            <option value="9">View 9</option>
            <option value="18">View 18</option>
            <option value="32">View 32</option>
        </select>