title: popup a div on mouseover in Angularjs
body: <p>I'm new in AngularJS, how can i show popup a div on <code>mouseover</code> using AngularJS. If i resize a div on mouseover, it changes whole structure, how to show popup div without disturbing neighbors elements. </p>
  
  <p><strong>Markup</strong>  </p>
  
  <pre><code>&lt;div ng-repeat="x in images | filter:test" style="float:left; width:30%"  ng-mouseover="count=1" ng-mouseleave="count=0" &gt;
      &lt;img ng-src="{{x.path}}"
          style="width: 100px; height:100px"&gt;&lt;div&gt; {{x.company}}&lt;/div&gt;
          &lt;div style="background-color:#E6E6FA;text-align: center;"ng-show="count"&gt; 
              price:{{x.price}}&lt;/br&gt;
              size:{{x.size}}&lt;/br&gt;
  
          &lt;/div&gt;
          &lt;/img&gt;
  &lt;div/&gt;
  </code></pre>
  
  <p>I added extra things in markup like company,size on <code>mouseover</code>. help me in pop a image on <code>mouseover</code>. Thanks in advance</p>