title: Angular 7 custom input spinner
body: <p>I am new to Angular and would like to know the following:
  Is there a way to make an input spinner like in the picture? It should automatically count up / down the value of the input field if the button remains pressed and stop when I let it go. As with the normal html input spinner when I set the type property to "number".</p>
  
  <p>I use Angular 7 with material design</p>
  
  <p>Picture:
  <a href="https://drive.google.com/file/d/1XETmC6cyGG42k8C4UYTrZnjFEEeOhHKK/view?usp=sharing" rel="nofollow noreferrer">https://drive.google.com/file/d/1XETmC6cyGG42k8C4UYTrZnjFEEeOhHKK/view?usp=sharing</a></p>
  
  <p>My current code for the button and the input field is the following. However, I am open for any changes if necessary:</p>
  
  <pre><code>          &lt;table&gt;
              &lt;tr&gt;
                &lt;td&gt;
                  &lt;button type="button" mat-raised-button (click)="count = count + 1"&gt;+
                &lt;/button&gt;
                &lt;/td&gt;
                &lt;td class="center-input"&gt;
                  &lt;input matInput name="counter" type="text" size="2" min="0" [(ngModel)]="colony.metMine" readonly required&gt;
               &lt;/td&gt;
                &lt;td&gt;
                  &lt;button type="button" mat-raised-button (click)="count = count - 1" [disabled]="count &lt; 1"&gt;-
                  &lt;/button&gt;
                &lt;/td&gt;
              &lt;/tr&gt;
            &lt;/table&gt;
  </code></pre>