text: <a href='http://github.com/angular/angular.js/edit/master/src/ng/directive/ngEventDirs.js' class='improve-docs btn btn-primary'><i class="glyphicon glyphicon-edit">&nbsp;</i>Improve this doc</a>
  
  
  
  <a href='http://github.com/angular/angular.js/tree/master/src/ng/directive/ngEventDirs.js#L157' class='view-source pull-right btn btn-primary'>
    <i class="glyphicon glyphicon-zoom-in">&nbsp;</i>View Source
  </a>
  
  
  <header class="api-profile-header">
    <h1 class="api-profile-header-heading">ngMouseenter</h1>
    <ol class="api-profile-header-structure naked-list step-list">
      
      <li>
        - directive in module <a href="api/ng">ng</a>
      </li>
    </ol>
  </header>
  
  
  
  <div class="api-profile-description">
    <p>Specify custom behavior on mouseenter event.</p>
  
  </div>
  
  
  
  
  <div>
    
  
    
    <h2>Directive Info</h2>
    <ul>
      
      <li>This directive executes at priority level 0.</li>
    </ul>
  
    
    <h2 id="usage">Usage</h2>
    <div class="usage">
    
      <ul>
      <li>as attribute:
          <pre><code>&lt;ANY&#10;  ng-mouseenter=&quot;&quot;&gt;&#10;...&#10;&lt;/ANY&gt;</code></pre>
        </li>
      
    </div>
    
  <section class="api-section">
    <h3>Arguments</h3>
  
  <table class="variables-matrix input-arguments">
    <thead>
      <tr>
        <th>Param</th>
        <th>Type</th>
        <th>Details</th>
      </tr>
    </thead>
    <tbody>
      
      <tr>
        <td>
          ngMouseenter
          
          
        </td>
        <td>
          <a href="" class="label type-hint type-hint-expression">expression</a>
        </td>
        <td>
          <p><a href="guide/expression">Expression</a> to evaluate upon
  mouseenter. (<a href="guide/expression#-event-">Event object is available as <code>$event</code></a>)</p>
  
          
        </td>
      </tr>
      
    </tbody>
  </table>
  
  </section>
    
  
  
    
    <h2 id="example">Example</h2><p>
  
  <div>
    <a ng-click="openPlunkr('examples/example-example27')" class="btn pull-right">
      <i class="glyphicon glyphicon-edit">&nbsp;</i>
      Edit in Plunker</a>
    <div class="runnable-example"
        path="examples/example-example27">
  
     
      <div class="runnable-example-file" 
        name="index.html"
        language="html"
        type="html">
        <pre><code>&lt;button ng-mouseenter=&quot;count = count + 1&quot; ng-init=&quot;count=0&quot;&gt;&#10;  Increment (when mouse enters)&#10;&lt;/button&gt;&#10;count: {{count}}</code></pre>
      </div>
    
  
      <iframe class="runnable-example-frame" src="examples/example-example27/index.html" name="example-example27"></iframe>
    </div>
  </div>
  
  
  </p>
  
  </div>
  
  
  