title: use arrow keys, with keyup in Angular
body: <p>I have an Angular project, and I want to implement some functions to arrow keys, I tried to use something like <code>(keyup.[keyCode])="Move(itemArray, 'UP')</code> _where [keyCode] represents the code of one of arrow keys_But nothing works, here's the template where I use this.</p>
  
  <blockquote>
    <p>The Template (HTML)</p>
  </blockquote>
  
  <pre><code> &lt;div (keyup.38)="Move(itemArray, 'UP')"
       (keyup.37)="Move(itemArray, 'LEFT')"
       (keyup.40)="Move(itemArray, 'DOWN')"
       (keyup.39)="Move(itemArray, 'RIGHT')"&gt;
    &lt;div&gt;
      &lt;div class="score"&gt;
        &lt;span&gt;Best:&lt;/span&gt;
        {{best}}
      &lt;/div&gt;
      &lt;div class="score"&gt;
        &lt;span&gt;Score:&lt;/span&gt;
        {{score}}
      &lt;/div&gt;
    &lt;/div&gt; &lt;br&gt;
    &lt;div class="game-container"&gt;
      &lt;div class="grid-container"&gt;
        &lt;div *ngFor="let item of itemArray"&gt;
          &lt;div class="grid-cell-{{item.level|number}}"&gt;
            &lt;span&gt;{{item.level}}&lt;/span&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="button-container"&gt;
      &lt;div&gt;
        &lt;button class="empty"&gt;&lt;/button&gt;
      &lt;/div&gt;
      &lt;div&gt;
        &lt;button class="control-button" (click)="Move(itemArray, 'UP')"&gt;Up&lt;/button&gt;
      &lt;/div&gt;
      &lt;div&gt;
        &lt;button class="empty"&gt;&lt;/button&gt;
      &lt;/div&gt;
      &lt;div&gt;
        &lt;button class="control-button" (click)="Move(itemArray, 'LEFT')"&gt;Left&lt;/button&gt;
      &lt;/div&gt;
      &lt;div&gt;
        &lt;button class="control-button" (click)="Move(itemArray, 'DOWN')"&gt;Down&lt;/button&gt;
      &lt;/div&gt;
      &lt;div&gt;
        &lt;button class="control-button" (click)="Move(itemArray, 'RIGHT')"&gt;Right&lt;/button&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>