title: why wont ng-keypress change ng-model values
body: <p>Please check out my <a href="http://jsfiddle.net/HB7LU/2624/" rel="nofollow">jsFiddle</a></p>
  
  <p>Mousing over divs <code>.box.red</code> || <code>.box.blue</code> will allow it to be focused and values to change of <code>ng-model</code> to be changed</p>
  
  <pre><code>scope.box = {'blue': 0, 'red': 0};
  </code></pre>
  
  <p>This change happens during a <code>ng-keyup</code> <code>ng-keydown</code> event.</p>
  
  <p><code>keyup</code> will change +1 to the value; <code>keydown</code> will change value by -1.</p>
  
  <p><strong>html</strong></p>
  
  <pre><code>    &lt;div  ng-controller="MyCtrl"&gt;
      &lt;div class="bounding"&gt;
          &lt;h2&gt;&lt;i&gt;mouseover&lt;/i&gt; box then &lt;i&gt;keypress&lt;/i&gt; &lt;span&gt;up&lt;/span&gt; or &lt;span&gt;down&lt;/span&gt; arrows indivually edit values of input model &lt;/h2&gt;
          &lt;div  ng-keyup="box.red = box.red + 1"  class="box red"&gt;&lt;/div&gt;
          &lt;div  ng-keypress="box.blue = box.blue + 1" class="box blue"&gt;&lt;/div&gt;
          &lt;div style="margin-top: 10px;"&gt;
  
            &lt;label for="red"&gt;Red&lt;/label&gt;
            &lt;input type="text" ng-model="box.red" /&gt;
  
            &lt;label for="blue"&gt;Blue&lt;/label&gt;
            &lt;input type="text"  ng-model="box.blue" /&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>js</strong></p>
  
  <pre><code>var myApp = angular.module('myApp',[]);
  
  function MyCtrl($scope) {
      $scope.box = {'blue': 0, 'red': 0};
  }
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>.box {
      width:50px;
      height: 50px;
      display:inline-block;
      float: left;
      margin-right: 20px;
      cursor: all-scroll;
  }
  .red {
      background: red;
  
  }
  .red:hover {
      box-shadow: 0px 0px 15px red;
  }
  .blue {
      background: blue;
  }
  .blue:hover {
      box-shadow: 0px 0px 15px blue;
  }
  .bounding {
       width: 80%;
      margin:20% auto;
  
  }
  h2 {
      text-transform: uppercase;
      font-size: 14px;
      border-bottom: 1px solid #ccc;
      font-weight: bold;
      color: #444;
      font-family: arial;
  }
  h2 span {
      color: orange;
  }
  h2 i {
      color: green;
  }
  </code></pre>