Solution
I included the select
attribute to match the selected itemsPesPage()
value which is now an input. So the parent component is the one that updates the value rather than the child component
<option [value]="size" [selected]="size === itemsPerPage()">{{size}}</option>