title: ng-mouseover ng-mouseout not woking
body: <p>below is my code, I'm trying to make the content wrapped in div tag change the background color when the mouse curse over it, if the one of the content's variable starts with *. But it doesn't work... </p>
  
  <pre><code>// html
  
  &lt;style&gt;
  .normal{background-color: white}
  .change{background-color: gainsboro}
  &lt;/style&gt;
  
  &lt;div ng-mouseover="checkAs(this)" ng-mouseout="this.className='normal'"&gt;
  ......
  &lt;/div&gt;
  
  // js
  
  $scope.checkAs = function(obj) {
          var name = $scope.opportunity.name;
          var asterisk = '*';
          if(name.startsWith(asterisk)) {
              obj.className='change';
          } else {
              obj.className='normal';
          }
      };
  </code></pre>