<input type="number" min="0" name="testInput">
The simple solution for solving this issue is that we will use onInput event attribute of the input field. This event gets fired when the user gives input to the element. This event fires immediately after the user input has changed. We will check if the user input is valid, otherwise, we will set it to empty. The below solution will restrict negative numbers, decimal numbers, and numbers greater than the maximum value specified.
<input type="number" [min]="0" [max]="1100" name="testInput" onInput="validity.valid || (value='');">